87,910
社区成员
发帖
与我相关
我的任务
分享帮忙看下这段JS代码错误是怎么回事？
<html>
<head>
<title></title>
</head>
<script>
function $(id){
return document.getElementById(id);
}
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
var Box = Class.create();
Box.prototype = {
initialize : function (members){
var _self = this;
this._members = members;
setInterval(_self.play,1000);
},
play : function (){
alert(this._members[0].id);
}
};
</script>
<body>
<div id="c1"></div>
<div id="c2"></div>
<div id="c3"></div>
</body>
<script>
new Box([$("c1"),$("c2"),$("c3")]);
</script>
</html>
为什么在play方法中this._members出错了？
...全文
请发表友善的回复…
发表回复
mumu_java 2009-03-31
- 打赏
- 举报
lz的错误原因是认为
这段代码中的this代表的是Box,其实这里的this代表的是window对象。所以window对象中是没有members属性的。这就是报错的原因。
...
function (){
alert(this._members[0].id);
}
...
这段代码中的this代表的是Box,其实这里的this代表的是window对象。所以window对象中是没有members属性的。这就是报错的原因。
mike_24 2009-03-30
- 打赏
- 举报
<html>
<head>
<title></title>
</head>
<script>
function $(id){
return document.getElementById(id);
}
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
var Box = Class.create();
Box.prototype = {
initialize : function (members){
var _self = this;
this._members = members;
setInterval(_self.play,1000);
},
play : function (){
alert(_members[0].id);
}
};
</script>
<body>
<div id="c1"></div>
<div id="c2"></div>
<div id="c3"></div>
</body>
<script>
new Box([$("c1"),$("c2"),$("c3")]);
</script>
</html>
<head>
<title></title>
</head>
<script>
function $(id){
return document.getElementById(id);
}
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
var Box = Class.create();
Box.prototype = {
initialize : function (members){
var _self = this;
this._members = members;
setInterval(_self.play,1000);
},
play : function (){
alert(_members[0].id);
}
};
</script>
<body>
<div id="c1"></div>
<div id="c2"></div>
<div id="c3"></div>
</body>
<script>
new Box([$("c1"),$("c2"),$("c3")]);
</script>
</html>
