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

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方法，但是会报错
        });
    }
}

Answer 1

객체 지향 문제에 대한 도움을 찾고 있는 프런트엔드 초보자이신가요? -PHP 중국어 웹사이트 Q&A - 객체지향 질문에 대한 도움을 요청하는 프론트엔드 초보자이신가요? -PHP 중국어 홈페이지 Q&A

꼭 보고 배워보세요.

Answer 2

这个涉及到闭包和原型链

//方法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指向上层函数
}