Javascript未捕获类型错误无法设置属性'0'的定义
Javascript uncaught type error cannot set property '0' of undefined
这段代码给出了一个未捕获的类型错误:CANNOT SET PROPERTY '0' OF UNDEFINED(..)为什么会产生这样的误差?
function node() {
this.parent = null;
this.children = [];
}
node.prototype.m = function () {
var insertchild = function (parent, child) {
var i;
if (typeof this.children === "undefined")
i = 0;
else
i = this.children.length;
this.parent = parent;
this.children[i] = child;
console.log(parent + " " + child);
}
return insertchild;
}
var n = new node();
n.m()('A', 'B');
问题在于insertchild函数内的this
一个解决办法:
function node() {
this.parent = null;
this.children = [];
}
node.prototype.m = function() {
var insertchild = function(parent, child) {
var i = this.children.length;
// next four lines are not required
//if (typeof this.children === "undefined")
// i = 0;
//else
// i = this.children.length;
this.parent = parent;
this.children[i] = child;
console.log(parent + " " + child);
}
return insertchild.bind(this); // fix is here
}
var n = new node();
n.m()('A', 'B');
如果您在没有.bind()方法的环境中
function node() {
this.parent = null;
this.children = [];
}
node.prototype.m = function() {
var me = this;
var insertchild = function(parent, child) {
var i = me.children.length;
me.parent = parent;
me.children[i] = child;
console.log(parent + " " + child);
}
return insertchild;
}
var n = new node();
n.m()('A', 'B');
我认为
在函数insertChild()中,this
关键字引用自身的函数作用域,而不是外部作用域(您想要的节点实例)
在insertChild()
函数作用域中,this
关键字不指向node
实例。它引用的是insertChild()的函数作用域。
快速修复
由于在insertChild()
函数中引用this
不会引用node
实例,因此您可以通过将this
变量委托给其他变量(例如self
)来轻松处理此问题,因此您仍然可以在insertChild()
函数中保留对它的引用。
node.prototype.m = function () {
var self = this;
var insertchild = function (parent, child) {
var i;
if (typeof this.children === "undefined")
i = 0;
else
i = self.children.length;
self.parent = parent;
self.children[i] = child;
console.log(parent + " " + child);
}
return insertchild;
}
var n = new node();
n.m()('A', 'B');
相关文章:
- 使用方法和属性定义javascript对象的最佳方法是什么?(如果可能以本机方式)
- Javascript - 使用数组属性定义对象
- ECMAScript 中的内部属性定义是为了什么
- 为什么不在对象外部使用属性定义语法是语法错误
- ES6 类属性定义
- 为javascript类的属性定义函数
- 属性定义是使用敲除时的方法定义
- 为AngularJS的子属性定义getter setter
- 如何给顶部属性定义在CSS chrome或firefox
- 如何通过两个属性定义元素
- 为什么函数属性定义在对象本身上(例如Function.name),而方法定义在Function.prototype上?
- Javascript原型属性定义为对象
- 停止传播在ASP.Net中使用属性定义的JavaScript事件
- 用不同的属性定义同一个Grunt Task两次
- AngularJS:在隔离范围内获取属性定义指令的值
- 需要另一个使用属性定义控制器的指令的角度指令
- 基于其他属性定义对象属性值
- 如何将属性定义为变量
- 奇怪的javascript属性定义使用聚合物
- fabric.js -如果属性定义在new fabric.Circle()括号之外,则Circle不起作用