首頁猿問前端新手求助面向?qū)ο髥栴}

前端新手求助面向?qū)ο髥栴}

JavaScript

慕萊塢森 2018-10-26 18:11:10

現(xiàn)在有一個對象如下：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 //這里想調(diào)用sayName方法，但是會報錯 }); } }前端新手，剛剛接觸面向?qū)ο?，我想問為什么調(diào)用sayName 方法會報這個錯誤，請教一下這個錯誤的原因我應該去看js什么方面的書能夠更透徹的理解

查看完整描述

1 回答

翻過高山走不出你

TA貢獻1875條經(jīng)驗獲得超3個贊

sayName方法在對象的構(gòu)造函數(shù)的原型，其實例才具有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());//通過箭頭函數(shù)，箭頭函數(shù)的this指向上層函數(shù)}

反對回復 2018-11-17