国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript中的call方法和apply方法使用對比

2019-11-20 11:50:30
字體:
來源:轉載
供稿:網友

方法定義
call方法:
語法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
定義:調用一個對象的一個方法,以另一個對象替換當前對象。
說明:
call 方法可以用來代替另一個對象調用一個方法。call 方法可將一個函數的對象上下文從初始的上下文改變為由 thisObj 指定的新對象。
如果沒有提供 thisObj 參數,那么 Global 對象被用作 thisObj。

apply方法:
語法:apply([thisObj[,argArray]])
定義:應用某一對象的一個方法,用另一個對象替換當前對象。
說明:
如果 argArray 不是一個有效的數組或者不是 arguments 對象,那么將導致一個 TypeError。
如果沒有提供 argArray 和 thisObj 任何一個參數,那么 Global 對象將被用作 thisObj, 并且無法被傳遞任何參數。
 
常用實例
a、

function add(a,b) {  alert(a+b); } function sub(a,b) {  alert(a-b); }  add.call(sub,3,1); 

 這個例子中的意思就是用 add 來替換 sub,add.call(sub,3,1) == add(3,1) ,所以運行結果為:alert(4); // 注意:js 中的函數其實是對象,函數名是對 Function 對象的引用。
 
b、

function Animal(){  this.name = "Animal";  this.showName = function(){   alert(this.name);  } }  function Cat(){  this.name = "Cat"; }  var animal = new Animal(); var cat = new Cat();  //通過call或apply方法,將原本屬于Animal對象的showName()方法交給對象cat來使用了。 //輸入結果為"Cat" animal.showName.call(cat,","); //animal.showName.apply(cat,[]); 

 call 的意思是把 animal 的方法放到cat上執行,原來cat是沒有showName() 方法,現在是把animal 的showName()方法放到 cat上來執行,所以this.name 應該是 Cat
 
c、實現繼承

function Animal(name){   this.name = name;   this.showName = function(){    alert(this.name);   }  }   function Cat(name){  Animal.call(this, name); }   var cat = new Cat("Black Cat");  cat.showName(); 

 Animal.call(this) 的意思就是使用 Animal對象代替this對象,那么 Cat中不就有Animal的所有屬性和方法了嗎,Cat對象就能夠直接調用Animal的方法以及屬性了.
 
d、多重繼承

function Class10() {  this.showSub = function(a,b)  {   alert(a-b);  } }  function Class11() {  this.showAdd = function(a,b)  {   alert(a+b);  } }  function Class2() {  Class10.call(this);  Class11.call(this); } 

 很簡單,使用兩個 call 就實現多重繼承了
當然,js的繼承還有其他方法,例如使用原型鏈,這個不屬于本文的范疇,只是在此說明call 的用法。說了call ,當然還有 apply,這兩個方法基本上是一個意思,區別在于 call 的第二個參數可以是任意類型,而apply的第二個參數必須是數組,也可以是arguments

JavaScript 中的call和apply方法主要用來改變函數對象的上下文,即函數中this所指向的內容。

調用方法如下:

fun.call(obj1, arg1, arg2, ...);fun.apply(obj2, [arrs]);

具體示例:

var Obj1 = { name: 'Object1', say: function(p1, p2) {  console.log(this.name + ' says ' + p1 + ' ' + p2); }};// logs 'Object1 says Good morning'Obj1.say('Good', 'morning');var Obj2 = { name: 'Object2'};// logs 'Object2 says Good afternoon'Obj1.say.call(Obj2, 'Good', 'afternoon');// logs 'Object2 says Good afternoon again'Obj1.say.apply(Obj2, ['Good', 'afternoon again']);

通過示例可以看出,通過常規方式調用say的時候,方法中的this指向Obj1,而通過call和apply調用的時候,this卻指向了Obj2。

通過示例可以看出,call和apply的作用是完全相同的,其調用方法的區別也只是參數列表不同罷了。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 康保县| 盱眙县| 安仁县| 双桥区| 南陵县| 井研县| 远安县| 博乐市| 伊春市| 苗栗县| 华蓥市| 晋中市| 芦溪县| 慈利县| 申扎县| 吐鲁番市| 宁河县| 苏州市| 新安县| 芒康县| 会泽县| 雷州市| 永和县| 视频| 文登市| 呼伦贝尔市| 临桂县| 文成县| 桐梓县| 郎溪县| 聂拉木县| 巫山县| 灵寿县| 密山市| 佳木斯市| 宜君县| 黎川县| 庆元县| 哈密市| 丰顺县| 昂仁县|