2. 程式人生 > >Javascript 方法apply和call的區別

Javascript 方法apply和call的區別

阿新 • • 發佈：2019-02-16

call與aplly都屬於Function.prototype的一個方法，所以每個function例項都有call、apply屬性

相同點:
call()方法和apply()方法的作用相同：

改變原呼叫函式的內部this指向。
call()方法和apply()方法的第一個引數都是呼叫call/apply方法的函式內部this的指向。

不同點:
當呼叫call/apply方法的函式有引數時，call/apply方法也需要傳參

call的2參、3參...n參分別表示原函式的1參、2參...n-1參

apply的2參是一個數組，陣列元素按順序儲存原方法的1參、2參...n參

舉例:

function
 
 add(c, d){ 
/*
    這裡的this表示add.call/apply的一參
    如果直接呼叫add(c,d)，那麼this指向window
*/
return this.a + this.b + c + d; 
} 
var o = {a:1, b:3}; 
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16 
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34

相關推薦

Javascript 方法apply和call的區別

call與aplly都屬於Function.prototype的一個方法，所以每個function例項都有call、apply屬性 相同點: call()方法和apply()方法的作用相同： 改變

Javascript 方法apply和call的差別

post key 一個 var keyword 存儲 rip pri span call與aplly都屬於Function.prototype的一個方法，所以每一個function實例都有call、apply屬性 同樣點: call()方法和appl

javascript中apply、call和bind的區別

在JS中，這三者都是用來改變函式的this物件的指向的，他們有什麼樣的區別呢。在說區別之前還是先總結一下三者的相似之處： 都是用來改變函式的this物件的指向的。 第一個引數都是this要指向的物件。 都可以利用後續引數傳參。 區別在哪裡的，先看一個例子 var xw

apply和call方法的使用

*apply和call都可以改變this的指向*函式的呼叫，改變this的指向** */function f1(x,y) { console.log((x+y)+"======"+this); return "這是函式的返回值";}//apply和call的呼叫var r1=f1.apply(nu

apply和call和bind方法

apply和call都可以讓函式或方法呼叫，傳入引數和自己呼叫的寫法不一樣，但是效果是一樣的 function f1(x,y) { console.log("結果是:"+(x+y)+this); return "10000"; } f1

apply和call的區別及應用

共同點： 呼叫一個物件的一個方法，用另一個物件替換當前物件 將一個函式的物件上下文從初始的上下文改變為由thisObj指定的新物件 不同點 // apply方法,只能接收兩個引數,新this物件和

前端學習筆記之js中apply()和call()方法詳解

經過網上的大量搜尋，漸漸明白了apply()和call方法的使用，為此寫一篇文章記錄一下。 定義 apply()方法： Function.apply(obj,args)

js中apply和call的使用方法

（18.12.26） js中apply和call的使用方法 call：呼叫一個函式在一個指定的執行上下文中，和提供引數。 function fn(more) { console.log(this.age); console.log(this.name);

【JavaScript 6連載】四、apply和call的用法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>04-apply和call方法</title> <script> // apply和c

JavaScript中apply與call的用法意義及區別

call和apply大概的用法差不多，簡單的看下例子： <input type="text" id="myText" value="input text"> <script> function Obj(){this.value="物件！"

javascript技術難點（三）之this、new、apply和call詳解

4)    this、new、call和apply的相關問題 　　講解this指標的原理是個很複雜的問題，如果我們從javascript裡this的實現機制來說明this，很多朋友可能會越來越糊塗，因此本篇打算換一個思路從應用的角度來講解this指標，從這個角度理解this

JavaScript中apply bind call的異同（重點講解call方法）

JavaScript中若想改變this的指向那就必須用到apply call bind 方法，但其中三個方法有他們的區別  apply() apply()：第一個引數將代替function類裡的this物件，第二個引數是陣列，將他作為引數傳給functi

面試官：能解釋一下javascript中bind、apply和call這三個函式的用法嗎

一.前言 　   不知道大家還記不記得前一篇文章：《面試官：能解釋一下javascript中的this嗎》 　　那今天這篇文章雖然是介紹javascript中bind、apply和call函式，但是多少也和this有點關聯。 　　假如在前面那場面試末尾，面試官不依不饒繼續問你javascr

javascript 面向物件學習（三）——this，bind、apply 和 call

this 是 js 裡繞不開的話題，也是非常容易混淆的概念，今天試著把它理一理。 this 在非嚴格模式下，總是指向一個物件，在嚴格模式下可以是任意值，本文僅考慮非嚴格模式。記住它總是指向一個物件對於理解它的意義很重要。this 在實際使用中，大致分為以下幾種情況： 1. 函式作為物件的方法呼叫時，this

深入淺出 妙用Javascript中apply、call、bind

com alt apply all 如何使用 name 深入 期待 單體模式 　　網上文章雖多，大多復制粘貼，且晦澀難懂，我希望能夠通過這篇文章，能夠清晰的提升對apply、call、bind的認識，並且列出一些它們的妙用加深記憶。 　apply、call 　　在 ja

JavaScript方法splice()和slice()

ati 添加項 .com 沒有 fault on() 方法 item http 1 splice() 1.1 說明 splice() 方法向/從數組中添加/刪除項目，然後返回被刪除的項目。該方法會改變原始數組。Link 1.2 語法 arrayObject.

JavaScript中Null和undefind區別

cdc 如何 undefine 只有一個 som pre cnblogs 定義 報錯 公眾號原文 Javascript有5種基本類型：Boolean，Number，Null，Undefined，String；和一種復雜類型：Object（對象）； undef

js的apply和call

用途 處理 nload arr scrip join pin type new <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

C#方法--Gettype()和typeof()區別

是否 使用 style ron 比較 定義類 string 運算符 typeof Gettype()和typeof()區別 在比較對象時，需要了解他們的類型，才能決定他們的值是否能比較。所有的類都從System.Object中繼承了GetType()方法，常常與typeo(

apply和call

apply和call是函式傳參的兩種方式，但是他們常用的主要功能個人理解認為應該是擴充套件作用域。 相同之處：都表示呼叫一個物件的一個方法，用另一個物件替換當前物件。例如：B.apply(A, arguments);即A物件應用B物件的方法。等同於B.call(A, args1,args2)。