TA貢獻1788條經驗 獲得超4個贊
這不是上下文件的問題，是this的問題。像下面這么改下就對了：element.addEventListener('click',user.greeting.bind(user));
TA貢獻1909條經驗 獲得超7個贊
問題是怎么出現的JS中的this只與函數調用方式有關，與定義時的上下文，函數作用域，都無關。有如下情況：user.greeting()//this-->uservarhandler=user.greeting;handler()//this-->window當程序執行到element.addEventListener('click',user.greeting);user.greeting作為addEventListener的第二個參數，假設這個參數就叫handler?？梢韵胂螅赼ddEventListener的內部，進行了類似varhandler=user.greeting;//這步在傳遞參數時完成handler()//this-->window的過程，this的指向就發生了改變。如何修復this的指向只與函數調用方式有關，函數調用方式一共四種：func();obj.func();func.apply/call();newfunc();要修復這個問題，需要用到apply/call這種調用方式。我們可以想象bind是這樣一個函數：functionbind(func,target){returnfunction(){func.apply(target,arguments)；}}Function.prototype['bind']=function(target){returnbind(this,target);}這樣，就可以使用element.addEventListener('click',user.greeting.bind(user));來解決這個問題了。當然，這里的bind是非常簡化、不可用的，比如可以看到bindreturn的函數已經不是原函數了，為了保持一致性應該綁定原型鏈。這一系列完整的操作在MDN文檔中都可以看到。
舉報