javascript - 前端新手求助面向对象问题
本文介绍了javascript - 前端新手求助面向对象问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
现在有一个对象如下:
var doc= $(document);
function people(){ //一个people对象
this.name = li;
}
people.prototype = { //对象方法
sayName: function(){
console.log(this.name);
}
bindEvent: function(){ //绑定页面元素
doc.delegate('button','click',function(){
people.sayName(); //这里报错Uncaught TypeError: people.sayName is not a function
//这里想调用sayName方法,但是会报错
});
}
}
前端新手,刚刚接触面向对象,我想问为什么调用sayName 方法会报这个错误,请教一下这个错误的原因我应该去看js什么方面的书能够更透彻的理解
解决方案
sayName方法在对象的构造函数的原型,其实例才具有sayName方法;
像楼上那样的是一种解决方案;
//方法1
bindEvent: function() { //绑定页面元素
doc.delegate('button', 'click', this.sayName.bind(this));//此处通过bind方法强制绑定this对象
}
//方法2
bindEvent: function() { //绑定页面元素
var _this = this;
doc.delegate('button', 'click', function() {
_this.sayName();
});//此处通过变量存储this
}
//方法3
bindEvent: function() { //绑定页面元素
doc.delegate('button', 'click', () => this.sayName());//通过箭头函数,箭头函数的this指向上层函数
}
这篇关于javascript - 前端新手求助面向对象问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文