2. 程式人生 > >javascript中call()、apply()、bind()的用法理解

javascript中call()、apply()、bind()的用法理解

阿新 • • 發佈：2018-12-22

一、bind的用法

第一個：obj.showInfo('arg','arg_18');中傳的2個引數通過showInfo方法改變的是obj下中的name和age

第二個：obj.showInfo.bind(this)('bind','bind_18');中bind要傳的name和age是通過一個一個傳的形式，然後通過showInfo方法改變的是window下的name和age

注：bind 返回的是一個新的函式，你必須呼叫它才會被執行

 

二、apply的用法

第一個：obj.showInfo('arg','arg_18');中傳的2個引數通過showInfo方法改變的是obj下中的name和age

第二個：obj.showInfo.apply(this,['apply','apply_18']);中apply要傳的name和age是通過陣列的形式，然後通過showInfo方法改變的是window下的name和age

二、call的用法

第一個：obj.showInfo('arg','arg_18');中傳的2個引數通過showInfo方法改變的是obj下中的name和age

第二個：obj.showInfo.call(this,'call','call_18');中call要傳的name和age是通過一個一個傳的形式，然後通過showInfo方法改變的是window下的name和age

總結： 　　　　1、call 、bind 、 apply 這三個函式的第一個引數都是 this 的指向物件 　　　　2、call的引數是直接放進去的，第二第三第n個引數全都用逗號分隔 　　　　3、apply的所有引數都必須放在一個數組裡面傳進去 　　　　4、bind除了返回是函式以外，它的引數傳遞方式和call 一樣。　　　　 　　　　當然，三者的引數不限定是string型別，允許是各種型別，包括函式 、 object 等等！

相關推薦

JavaScript中 call 與 apply、bind 的使用

今天遇到一道關於call與apply使用的題目，在此總結一下關於 call 與 apply 的使用方法。 題目如下：以下程式執行結果為3的選項是？ var a = {X:1,Y:2}; var b = { X:2, Y:2, add:function(){

JavaScript中call和apply方法的使用

acvaScript中的call()方法和apply()方法，在某些時候這兩個方法還確實是十分重要的。1. 每個函式都包含兩個非繼承而來的方法：call()方法和apply()方法。2. 相同點：這兩個方法的作用是一樣的。都是在特定的作用域中呼叫函式，等於設定函式體內this物件的值，以擴充函式賴以執行的作用

js中call， apply， bind的自我心得

apply 和 call 的區別 apply和call: apply和call作用相同，只是在傳參上面有點小差別，兩個方法一個是將呼叫函式中的引數放在一個數組中傳過去，一個是一個一個傳過去。 這裡用apply方法做講解，apply方法傳入兩個引數：一個是作為函式上下文的物件

javascript中call和apply的模擬實現

call() call() 方法呼叫一個函式, 其具有一個指定的this值和分別地提供的引數(引數的列表)。 語法：fun.call(thisArg, arg1, arg2, ...) 例

Javascript中call和apply的區別與詳解

轉自：http://www.7old.com/jiaocheng/show-1412.html在js中call和apply它們的作用都是將函式繫結到另外一個物件上去執行，兩者僅在定義引數方式有所區別,下面我來給大家介紹一下call和apply用法。 在web前端開發過程中

javascript中call()和apply()方法的區別

首先需要知道 call 和 apply 都是js 物件 prototype的方法 在使用的時候主要區別： var foo() = function(){ ....//程式碼段 } //　foo.

JavaScript裡call，apply，bind方法簡介

JavaScript裡call，apply，bind方法不太容易理解，其實背後的思想並不算非常複雜，希望本文能幫你更好地瞭解這3個很像，而且看似很神祕的方法。 非要用一個關鍵字來點明它們的背後思想的精髓的話，關鍵字就是：this 因為通常程式設計師對C++比較熟，先借用C

JavaScript中 call和apply

nbsp clas div 其余 color 接收 style pre ava call（）方法和apply（）方法的作用相同，他們的區別在於接收參數的方式不同。 對於call（），第一個參數是this值沒有變化，變化的是其余參數都直接傳遞給函數。（在使用call（）方法時

javascript中call()、apply()、bind()的用法

javascript中call()、apply()、bind()的用法 其實是一個很簡單的東西，認真看十分鐘就從一臉懵B 到完全 理解！ 先看明白下面： 例1 obj.objAge; //17 obj.myFun() //小張年齡undefined 例2 show

JavaScript中的call、apply、bind用法

這三種都是用來明確指定 this 關鍵字所指物件到底是誰。 Function.prototype.call() call() 方法呼叫一個函式, 其具有一個指定的this值和分別地提供的引數(引數的列表)。 語法 fun.call(thisArg, arg1, arg2, ...

javascript中call()、apply()、bind()的用法理解

一、bind的用法 第一個：obj.showInfo('arg','arg_18');中傳的2個引數通過showInfo方法改變的是obj下中的name和age 第二個：obj.showInfo.bind(this)('bind','bind_18');中bind要傳的name和age是通過一個一個傳

javascript中call()、apply()、bind()的用法終於理解

其實是一個很簡單的東西，認真看十分鐘就從一臉懵B 到完全 理解！ 先看明白下面： 例 1 obj.objAge; // 17 obj.myFun() // 小張年齡 undefined 例 2 shows() // 盲僧　 比較一下這兩者 this

JavaScript中的call、apply、bind是怎麽回事？

ava 利用 參數 lock 們的 app scrip lac target 在JS中，這三者都是用來改變函數的this對象的指向的，他們有什麽樣的區別呢。在說區別之前還是先總結一下三者的相似之處：1、都是用來改變函數的this對象的指向的。2、第一個參數都是this要

javascript中call、apply、bind詳解

組裝 div 分析 rgs 特性 類型 bind詳解 中修改 不支持 1.apply和call的區別在哪裏 2.什麽情況下用apply,什麽情況下用call 3.apply的其他巧妙用法（一般在什麽情況下可以使用apply） 我首先從網上查到關於apply和

JavaScript中的this、apply()、call()、bind()

this this是函式執行時基於函式的執行環境繫結的，指向最後呼叫它的那個物件。 例1： function a(){ var name= "Carol"; console.log(this.user); //undefined console.log(t

this（他喵的）到底是什麼 — 理解 JavaScript 中的 this、call、apply 和 bind

javaScript 中最容易被誤解的一點就是 this 關鍵字。在這篇文章中，你將會了解四種規則，弄清楚 this 關鍵字指的是什麼。隱式繫結、顯式繫結、new 繫結和 window 繫結。在介紹這些技術時，你還將學習一些 JavaScript 其他令人困惑

JavaScript中的call、apply、bind方法

在JavaScript中，call、apply和bind是Function物件自帶的三個方法，這三個方法的主要作用是改變函式中的this指向。 call、apply、bind方法的共同點和區別： apply 、 call 、bind 三者都是用來改變函式的this物件的指向的； apply 、 ca

Javascript中call、apply和bind的區別以及原始碼解析

我們知道在javascript中call和apply以及bind都可以改變this指向，那麼它們是怎麼實現的呢？彼此之間有什麼區別呢？首先我們先來分別解析一下它們： （一）call 首先我們先來看一下如何使用call: var valu

js中call、apply、bind的用法及區別

call、apply和bind：三者作用一致（都是改變函式的this指向），只是使用的方法不同而已。apply 、 call 、bind 三者都是用來改變函式的this物件的指向的；apply 、 call 、bind 三者第一個引數都是this要指向的物件，也就是想指定的上

js的面試筆試--javascript中call()、apply()、bind()方法的區別

在JavaScript 中，this的指向是動態變化的，很可能在寫程式的過程中，無意中破壞掉this的指向，所以我們需要一種可以把this的含義固定的技術，於是就有了call，apply 和bind這三個方法，來改變函式體內部 this 的指向，因為函式存在「定義時上下文」和