面試官:你能手寫實現call,apply,bind方法嗎?

Warren 發布于2019-08-23 15:37 / 594人閱讀

摘要：前言實踐系列主要是讓我們通過實踐去加深對一些原理的理解。求求三兄弟的作用都是為了改變函數運行時上下文指向而存在的。不會立即調用其他兩個會立即調用。如果有幫助到你請給我一個就算是對我的感謝啦

前言

[實踐系列] 主要是讓我們通過實踐去加深對一些原理的理解。

實踐系列-前端路由

實踐系列-Babel原理

實踐系列-Promises/A+規范

實踐系列-瀏覽器緩存機制

有興趣的同學可以關注我的博客 ,之后不斷會有干貨更新哦。求star求follow~

三兄弟的作用.

apply.call.bind 都是為了改變函數運行時上下文(this指向)而存在的。

三兄弟的區別.

三兄弟接收的第一個參數都是要綁定的this指向.

apply的第二個參數是一個參數數組,call和bind的第二個及之后的參數作為函數實參按順序傳入。

bind不會立即調用,其他兩個會立即調用。

接下來,我們來對三兄弟進行模擬實現

call的簡易模擬實現(es6) 思路

函數定義在哪里 ?

call是可以被所有方法調用的,所以毫無疑問的定義在 Function的原型上!

函數接收參數 ?

綁定函數被調用時只傳入第二個參數及之后的參數

如何顯式綁定this ?

如果調用者函數，被某一個對象所擁有，那么該函數在調用時，內部的this指向該對象。

ojbk..理清了思路.開擼

apply的簡易模擬實現(es6)

apply實現的思路與call基本相同,我們只需要對參數進行不同處理即可

bind的簡易模擬實現(es6)

這里只是做簡易實現,不考慮new操作符的情況,之后會寫個文章對這個知識點進行詳解~

思路

函數定義在哪里 ?

bind是可以被所有方法調用的,所以毫無疑問的定義在 Function的原型上!

函數接收參數 ?

bind函數返回一個綁定函數,最終調用需要傳入函數實參和綁定函數的實參!!

如何顯式綁定this ?

如果調用者函數，被某一個對象所擁有，那么該函數在調用時，內部的this指向該對象。

End

如果有幫助到你,請給我一個star,就算是對我的感謝啦~

GPU云服務器云服務器 JS中bind、call和apply的作 apply與call的區別 js中的call和apply apply()方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102344.html

關于原型、原型鏈、和繼承

摘要：根據定義，沒有原型，并作為這個原型鏈中的最后一個環節。偷偷貼在這里再知道了原型原型鏈，那一個對象的過程知道嗎，能手寫一個嗎。似乎生活中常常會遇到這種情況，你去一家公司面試，前面面的都挺好，你覺得你對基礎算法的了解很好，各種排序，紅黑樹，二叉樹，深度/廣度優先算法都答出來了，leetcode上的若干困難題目也都答上來了，然后面試官說，那么好吧，介紹一下你對原型的看法吧。？？？我頭發。...

沈儉 2019-08-26 13:40 評論0 收藏0
2019-我的前端面試題

摘要：先說下我面試情況，我一共面試了家公司。篇在我面試的眾多公司里，只有同城的面問到相關問題，其他公司壓根沒問。我自己回答的是自己開發組件面臨的問題。完全不用擔心對方到時候打電話核對的問題。 2019的5月9號，離發工資還有1天的時候，我的領導親切把我叫到辦公室跟我說：阿郭，我們公司要倒閉了，錢是沒有的啦，為了不耽誤你，你趕緊出去找工作吧。聽到這話，我虎軀一震，這已經是第2個月沒工資了。公...

iKcamp 2019-08-23 17:52 評論0 收藏0
一篇字節跳動前端面經

摘要：為了避免它，只需分配將要使用的必要構造函數。示例對于此示例，就需要保持父構造函數繼續正常工作。結論手動設置或更新構造函數可能會導致不同且有時令人困惑的后果。為了防止它，只需在每個特定情況下定義構造函數的角色。 hr小姐姐說一共有1輪筆試 + 3輪技術面 + 1輪hr面，面試地點在中關村天使大廈，崗位是1-3年前端筆試筆試分為多選簡答判斷手寫代碼四部分，下面只寫了印象比較深的幾...

caige 2019-08-26 10:29 評論0 收藏0
面試官問：JS的this指向

摘要：之前寫過一篇文章面試官問能否模擬實現的和方法就是利用對象上的函數指向這個對象，來模擬實現和的。雖然實際使用時不會顯示返回，但面試官會問到。非嚴格模式下，和，指向全局對象前言面試官出很多考題，基本都會變著方式來考察this指向，看候選人對JS基礎知識是否扎實。讀者可以先拉到底部看總結，再谷歌（或各技術平臺）搜索幾篇類似文章，看筆者寫的文章和別人有什么不同（歡迎在評論區評論不同之處），...

warnerwu 2019-08-23 14:17 評論0 收藏0
面試官問：能否模擬實現JS的bind方法

摘要：點擊那么面試官可能會問是否想過到底做了什么，怎么模擬實現呢。另外前不久寫過一篇文章面試官問能否模擬實現的操作符。所以相當于調用時，的返回值函數內部要模擬實現實現的操作。文章中的例子和測試代碼放在中模擬實現。前言用過React的同學都知道，經常會使用bind來綁定this。 import React, { Component } from react; class TodoItem ...

Julylovin 2019-08-26 13:25 評論0 收藏0