建議看這片文章時(shí)可以點(diǎn)擊音樂?，來個(gè)單曲循環(huán)，美滋滋

我的博客內(nèi)容更精彩,好東西需要耐心等待哦！?

先拿call開刀

作用：call和apply都是替換函數(shù)內(nèi)錯(cuò)誤的this var a = {value:1}var b = function(){console.log(this.value) // 如果不對(duì)this進(jìn)行綁定執(zhí)行bar() 會(huì)返回undefined}b.call(a) //1

去除繁瑣的講解，一步到位自己模擬call的用法寫一個(gè)函數(shù)，達(dá)到相同目的

Function.prototype.myCall = function(context){var context = context || window; //當(dāng)沒傳入值時(shí)候，就是指全局windowcontext.fn = this; //把調(diào)用myCall前的方法緩存下來var args = [...arguments].slice(1);//使用...打散傳入值，并去除第一方法，得到一個(gè)數(shù)組var result = context.fn(...args);//把數(shù)組打散，把dinging 18傳入b方法中delete context.fn; //刪除return result}var a = {value:1}var b = function(name,age){console.log(this.value)console.log(name)console.log(age)}b.myCall(a,"dingding",18)

apply

apply的方法和 call 方法的實(shí)現(xiàn)類似，只不過是如果有參數(shù)，以數(shù)組形式進(jìn)行傳遞

apply這個(gè)API平時(shí)使用的場(chǎng)景，代碼如下:

var a = {value:1}var b = function(name,age){console.log(this.value)console.log(name)console.log(age)}b.apply(a,["dingding",18])

直接上模擬apply功能代碼

Function.prototype.myApply = function(context){var context = context || window;context.fn = this;var result;if(arguments[1]){result = context.fn(...arguments[1]) }else{result = context.fn()}delete context.fnreturn result}var a = {value:1}var b = function(name,age){console.log(this.value)console.log(name)console.log(age)}b.myApply(a,["dingding",18])

參考資料

總結(jié)

以上是生活随笔為你收集整理的探究call 和 apply 的原理的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。