麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

JS中call()和apply()的目的及用法

2024-04-27 15:17:05
字體:
來源:轉載
供稿:網友

1.call()和apply()的作用

  首先引出問題:用call()和apply()的目的是什么?   來看個例子,在javascript OOP中,我們經常會這樣定義:

function cat(){}cat.PRototype={ food:"fish", say: function(){ alert("I love "+this.food); }}var blackCat = new cat;blackCat.say();

  但是如果我們有一個對象whiteDog = {food:"bone"},我們不想對它重新定義say方法,那么我們可以通過call或apply用blackCat的say方法:blackCat.say.call(whiteDog);

  所以,可以看出call和apply是為了動態改變this而出現的,當一個object沒有某個方法,但是其他的有,我們可以借助call或apply用其它對象的方法來操作。

  在實際中用的比較多的是,通過document.getElementsByTagName選擇的dom 節點是一種類似array的對象。它不能應用Array下的push,pop等方法。我們可以通過:

var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));

  這樣domNodes就可以應用Array下的所有方法了。

2.call()和apply()的區別

首先apply的定義如下:

apply方法能劫持另外一個對象的方法,繼承另外一個對象的屬性Function.apply(obj,args)方法能接收兩個參數,第一個參數是在其中運行函數的作用域,另一個是參數數組。其中,第二個參數可以是數組,也可以是arguments對象 obj:這個對象將代替Function類里this對象args:這個是數組,它將作為參數傳給Function(args–>arguments)

apply()的用法

//定義一個人類function Person(name,age){ this.name = name; this.age = age;}//定義一個學生類function Student(name,age,grade){ Person.apply(this,arguments);//傳入arguments對象 //Person.apply(this,[num1,num2]);//傳入數組 this.grade = grade;}//創建一個學生類var student = new Student('A','10','一年級');//測試console.log('name:'+student.name+'age:'+student.age+'grade:'+student.grade);

  學生類里沒有給name和age屬性賦值啊,為什么又存在這兩個屬性的值呢,這個就是apply的神奇之處。

  分析:Person.apply(this,arguments);

this:代表的是student,表示將Person中的this指向student。

arguments:是一個數組,在例子中表示[‘A’,’10’,’一年級’]; 通俗一點講就是:用student去執行Person這個類里面的內容,在Person這個類里面存在this.name等之類的語句,這樣就講屬性創建到了student對象里面.

  apply()和call()的作用是一樣的,他們的區別僅在于接收參數的方式不同,call()需要把參數一個個列出來。

call()的用法

  在Student函數里面可以將apply中修改成如下:

Person.call(this,name,age);

3.什么情況下用apply(),什么情況下用call()

  至于是使用apply()還是call(),取決于采取那種給函數傳遞參數的方式最方便。   如果打算直接傳入arguments對象,或者是數組,并且參數列表相同則使用apply();否則,選擇call()可能更合適。

  例:apply示例里面傳遞了參數arguments,并且在調用Person的時候參數的列表是對應一致的,也就是Person和Student的參數列表前兩位是一致的,就可以采用apply。   如果我的Person的參數列表是這樣的(age,name)而Student的參數列表是(name,age,grade),這樣的就可以用call來實現了Person.call(this,age,name,grade);

關于apply()的應用可以參考:http://blog.csdn.net/Yeoman92/article/details/54945718


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 日韩精品二区 | 国产视频在线观看免费 | 国产精品久久久久久久久久久久久久久久 | 羞羞视频免费网站含羞草 | 免费a级作爱片免费观看欧洲 | 成人福利视频导航 | 夜夜b| 精品亚洲视频在线 | 深夜免费观看视频 | 麻豆自拍偷拍视频 | 国产免费激情视频 | 爱爱视频天天干 | 羞羞的网址 | 国产一级aaa全黄毛片 | 操操影视 | 亚洲欧美日韩免费 | 久久国产精品99国产 | 久久精品国产99久久6动漫亮点 | 粉嫩粉嫩一区二区三区在线播放 | 色综合网在线观看 | 久久蜜桃香蕉精品一区二区三区 | 成人不卡在线观看 | 欧美一级黄色网 | 九九热精品视频在线免费观看 | 国产精品久久久久久久久久妇女 | 99精品国产成人一区二区 | 国产精品亚洲yourport | 九九热在线视频观看 | 日美黄色片 | 国产亚洲精品久久久闺蜜 | 成人午夜一区二区 | 91精品国产一区二区在线观看 | 成人在线97| 黄色一级片毛片 | japanese末成年free | 欧洲黄视频 | 欧美雌雄另类xxxxx | 中文字幕免费在线观看视频 | 5a级毛片| 久久亚洲网 | 3xxx|