[Javascript] call 多年的誤區總算今天踩了 call 呼叫 this 直接 TypeError: Cannot read property

Call 的官網https://www.w3schools.com/js/js_function_call.asp

但是好巧不巧今天使用以下方法直接給你爆錯

// index.js
var obj={
    actionName:"qq",
    testCall :function(b){
        console.log(this.actionName+" "+b); //
    }
}
obj.testCall.call(null,22);

錯誤訊息: TypeError: Cannot read property 'actionName' of undefined

解決辦法:

// index.js
var obj={
    actionName:"qq",
    testCall :function(b){
        console.log(this.actionName+" "+b); //
    }
}
obj.testCall.call(obj,22);

就是要把call 的參數中的第一參數帶入, 因為第一個參數是 this

原理

因為在一般OO中視絕對不能這樣寫的

this=SomeVale;

但是Javascript 是允許你換掉...

this / super ...