首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Javascript未定义( ReferenceError函数)

Javascript未定义( ReferenceError函数)
EN

Stack Overflow用户
提问于 2016-04-01 08:43:41
回答 2查看 474关注 0票数 0

试图做Chrome扩展开发。问题是我不知道如何使用JavaScript。

目前,我认为问题是,我不知道如何调用或定义函数。

调用page_PostData()将导致一个未定义的异常:

is 150:13异常未定义: ReferenceError: page_postData

此代码从示例扩展Chrome查询中略为修改:

https://developer.chrome.com/extensions/examples/api/devtools/panels/chrome-query.zip

devtools.js

代码语言:javascript
复制
function page_postData(variableData) {

    console.log("Trying to do AJAX POST...");
};


function page_getData() {

    try {

        console.log("Trying to get data..");

        // Not defined.
        page_postData("Test1");

    } catch (exception) {

        console.log("Exception ocurred:\n" + exception.toString());
    }

    return $0;
};


chrome.devtools.panels.elements.createSidebarPane(
    "Element Properties",
    function(sidebar) {
  function updateElementProperties() {
    sidebar.setExpression("(" + page_getData + ")()");
  }
  updateElementProperties();
  chrome.devtools.panels.elements.onSelectionChanged.addListener(
      updateElementProperties);
});

manifest.json

代码语言:javascript
复制
{
    "manifest_version": 2,
    "name": "Chrome Extension Test",
    "version": "0.1",
    "description": "Dev tools test extension",
    "devtools_page": "devtools.html",
    "background": {
        "scripts": ["devtools.js"]
    },
    "permissions": [
        "tabs", 
        "http://*/*", 
        "https://*/*"
    ]
}

devtools.html

代码语言:javascript
复制
<html>
<body>
<script src="devtools.js"></script>
</body>
</html>

如何正确定义'page_postData()‘?

如何从内部正确调用“page_postData()”“page_getData()”?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-04-01 09:29:48

上下文问题,因为表达式将在检查页面的上下文中计算,因此将没有page_postData的定义。

您可以创建一个IIEF来包装这两个函数,示例代码如下所示:

代码语言:javascript
复制
function run() {
    function page_postData(variableData) {
        console.log("Trying to do AJAX POST...");
    }

    return (function page_getData() {
        try {
            console.log("Trying to get data..");
            page_postData("Test1");
        } catch (exception) {
            console.log("Exception ocurred:\n" + exception.toString());
        }
        return $0;
    })();
}

chrome.devtools.panels.elements.createSidebarPane(
    "Element Properties",
    function(sidebar) {
        function updateElementProperties() {
            sidebar.setExpression('(' + run + ")()");
        }
        updateElementProperties();
        chrome.devtools.panels.elements.onSelectionChanged.addListener(updateElementProperties);
    }
);
票数 0
EN

Stack Overflow用户

发布于 2016-04-01 09:00:38

要从page_postData()运行page_getData(),需要传递正确的上下文。您应该了解更多关于bindapply函数的知识。在您的示例中,您应该以如下方式调用page_getData()page_getData.bind(this)()

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36351796

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档