前端新手求助面向对象问题

Question

现在有一个对象如下：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什么方面的书能够更透彻的理解

Answer 1

sayName方法在对象的构造函数的原型，其实例才具有sayName方法；

像楼上那样的是一种解决方案；

//方法1bindEvent: function() { //绑定页面元素
    doc.delegate('button', 'click', this.sayName.bind(this));//此处通过bind方法强制绑定this对象}//方法2bindEvent: function() { //绑定页面元素
    var _this = this;
    doc.delegate('button', 'click', function() {
        _this.sayName();
    });//此处通过变量存储this}//方法3bindEvent: function() { //绑定页面元素
    doc.delegate('button', 'click', () => this.sayName());//通过箭头函数，箭头函数的this指向上层函数}