欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解js中call與apply關(guān)鍵字的作用

 更新時(shí)間:2016年11月21日 15:28:44   作者:逆心  
本文主要介紹js中call與apply關(guān)鍵字的作用以及它們的用法,具體實(shí)例如下,希望對(duì)大家有所幫助

javascript call與apply關(guān)鍵字的作用

apply接受兩個(gè)參數(shù)。第一個(gè)參數(shù)指定函數(shù)體內(nèi)this對(duì)象的指向,第二個(gè)參數(shù)為一個(gè)帶下標(biāo)的集合。

call則是apply的語(yǔ)法糖,如果參數(shù)數(shù)量固定,則可以不用帶下標(biāo)的集合傳第二個(gè)參數(shù)。

var func = function(a,b,c)
{
 alert(a + b + c);
}
func.apply(null,[1,2,3]);//彈出6
func.call(null,1,2,3);//彈出6

當(dāng)apply與call傳入的第一個(gè)參數(shù)為null時(shí),函數(shù)體內(nèi)的this會(huì)指向window。

當(dāng)apply與call傳入的第一個(gè)參數(shù)為null時(shí),函數(shù)體內(nèi)的this會(huì)指向window。

call與apply的用途

1、改變this的指向

var obj1 = {
 name = '劉備'
}
 
var obj2 = {
 name = '曹操'
}
var getName = function(){
 alert(this.name);
}
 
window.name = '三國(guó)';
getName();//彈出"三國(guó)"
getName.call(obj1);//彈出"劉備"
getName.call(obj2);//彈出"曹操"

所以,當(dāng)在一些情況下this被莫名改變指向之后,可以使用call或apply來進(jìn)行修正this的指向。

document.getElementById('div1').onclick = function(){
 alert(this.id);//div1
 var fun1 = function(){
  alert(this.id);//window.id 即undefined
 }
 fun1();//普通函數(shù)的方式調(diào)用,this指代window,相當(dāng)于window.id 即 undefined
}

由于是普通函數(shù)的方式調(diào)用,所以上面的例子中,this已經(jīng)變成了window。下面看看如何使用call進(jìn)行修正。

document.getElementById('div1').onclick = function(){
 alert(this.id);
 var fun1 = function(){
  alert(this.id);
 }
 fun1.call(this);//強(qiáng)制函數(shù)內(nèi)的this為外層的this,
}

2、調(diào)用其他對(duì)象的函數(shù)

示例1:

var obj1 = {
 a:1,
 b:2,
 add:function()
 {
  return this.a + this.b;
 }
}
var obj2 = {
 a:1,
 b:2,
}
var result = obj1.add.call(obj2);//用obj1的函數(shù)來計(jì)算obj2的兩個(gè)屬性的和
alert(result);//輸出3

示例2:借用構(gòu)造函數(shù)實(shí)現(xiàn)類似繼承的效果

var A = function(name)
{
 this.name = name;
};
var B = function(){
 A.apply(this,arguments)
}
B.prototype.getName = function(){
 return this.name;
}
var b = new B('劉備');
alert(b.getName());

以上就是本文的內(nèi)容,有問題可以和小編聯(lián)系,謝謝對(duì)腳本之家的支持!

相關(guān)文章

最新評(píng)論