繁体   English   中英

jsFiddle无法识别类?

[英]jsFiddle doesn't recognize classes?

最初在这里报道: 为什么我的jsfiddle Javascript类未定义?

但是,在实现过程中,我看到了类似的行为,但似乎没有答案适用。

foo();
baz = new bar();
baz.getMessage();

function foo() {
    $('#foo').html("I am foo.");
}

function bar() {
    this.message = "I am bar.";

}
bar.prototype = {
    getMessage: function() {
        $('#bar').html(this.message);
    }
};

小提琴位于: http : //jsfiddle.net/eggmatters/qeufnpoj/2/

Firebug报告:“ TypeError:baz.getMessage不是函数。”

这是因为bar.prototype的位置。 特别是因为它是在创建实例和调用之后,因此尚无法定义:

baz = new bar();
baz.getMessage();
... 
bar.prototype = { ... }

这意味着尚未定义getMessage() ,请注意,您正在使用Assignment = ,这意味着直到在代码中到达该行才定义getMessage() 解决方案是首先定义bar.prototype

bar.prototype = { ... }
...
baz = new bar();
baz.getMessage();

小提琴的例子

首先,您的JS没有执行。 如果您将JS负载从“ No wrap-in <head>”更改为“ onLoad”,它将运行。

或者,您可以将JS包装在onload函数中:

$(function() {
    ...
}

要么

window.onload = function() {
    ...
}

其次,您需要在尝试执行之前声明原型:

foo();
bar.prototype = {
    getMessage: function() {
        $('#bar').html(this.message);
    }
};
baz = new bar();
baz.getMessage();

function foo() {
    $('#foo').html("I am foo.");
}

function bar() {
    this.message = "I am bar.";

}

JSFiddle: http : //jsfiddle.net/5drcuwx5/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM