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不是函數。”
2 個解決方案
解決方案1
1 已采納 2015-02-13 20:58:19
這是因為bar.prototype的位置。 特別是因為它是在創建實例和調用之后，因此尚無法定義：
baz = new bar();
baz.getMessage();
...
bar.prototype = { ... }
這意味着尚未定義getMessage() ，請注意，您正在使用Assignment = ，這意味着直到在代碼中到達該行才定義getMessage() 。 解決方案是首先定義bar.prototype ：
bar.prototype = { ... }
...
baz = new bar();
baz.getMessage();
解決方案2
1 2015-02-13 20:58:51
首先，您的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.