淺析JavaScript函數(shù)的調(diào)用模式
我們說一個(gè)函數(shù)的調(diào)用模式是作為一個(gè)函數(shù)來調(diào)用，是要與其它三種調(diào)用模式做區(qū)分
函數(shù)其他的三種調(diào)用: 方法調(diào)用模式，構(gòu)造器調(diào)用模式，apply/call調(diào)用模式。
方法的調(diào)用模式:
var obj={
fun1: function(){
//方法內(nèi)容
this; //指的是window
}
}
obj.fun1() //方法的調(diào)用
構(gòu)造器的調(diào)用:
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
};
}
var person1 = new Person("Nicholas", 29, "Software Engineer");
var person2 = new Person("Greg", 27, "Doctor");
apply/call調(diào)用模式:
function cat(){}
cat.prototype = {
food: "fish",
say: function(){
alert("I love " + this.food);
}
};
var blackCat = new cat;
blackCat.say();
這里如果沒有顯性的return語(yǔ)句，這個(gè)新的對(duì)象則會(huì)被隱式的return，并成為這個(gè)構(gòu)造器的值。 也就是說這里可以等價(jià)于: var blackCat = new cat();
但是如果我們有一個(gè)對(duì)象
var whiteDog = {
food: "bone"
};
我們不想對(duì)它重新定義say方法，那么我們可以通過call或apply用blackCat的say方法：
blackCat.say.call(whiteDog);
所以，可以看出call和apply是為了動(dòng)態(tài)改變this而出現(xiàn)的，當(dāng)一個(gè)object沒有某個(gè)方法，但是其他的有，我們可以借助call或apply用其它對(duì)象的方法來操作。
用的比較多的，通過document.getElementsByTagName選擇的dom 節(jié)點(diǎn)是一種類似array的array(arguments等等)。它不能應(yīng)用Array下的push,pop等方法。我們可以通過：
var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
這樣domNodes就可以應(yīng)用Array下的所有方法了。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JS使用Promise時(shí)常見的5個(gè)錯(cuò)誤總結(jié)
Promise?提供了一種優(yōu)雅的方法來處理?JS?中的異步操作。這也是避免“回調(diào)地獄”的解決方案。然而，并沒有多少開發(fā)人員了解其中的內(nèi)容。因此，許多人在實(shí)踐中往往會(huì)犯錯(cuò)誤。在本文中，介紹一下使用?promise?時(shí)的五個(gè)常見錯(cuò)誤，希望大家能夠避免2022-11-11
Mysql內(nèi)儲(chǔ)存JSON字符串根據(jù)條件進(jìn)行查詢
本文主要介紹了Mysql內(nèi)儲(chǔ)存JSON字符串根據(jù)條件進(jìn)行查詢，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
Redux官網(wǎng)上是這樣描述Redux，Redux is a predictable state container for JavaScript apps.（Redux是JavaScript狀態(tài)容器，提供可預(yù)測(cè)性的狀態(tài)管理）。目前Redux GitHub有5w多star，足以說明 Redux 受歡迎的程度2021-06-06
在一個(gè)頁(yè)面重復(fù)使用一個(gè)js函數(shù)的方法詳解
下面小編就為大家?guī)硪黄谝粋€(gè)頁(yè)面重復(fù)使用一個(gè)js函數(shù)的方法詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-12-12
下面小編就為大家分享一篇圖片加載完成再執(zhí)行事件的實(shí)例，具有很好的參考價(jià)值，一起跟隨小編過來看看吧，希望對(duì)大家有所幫助2017-11-11
js中string轉(zhuǎn)int把String類型轉(zhuǎn)化成int類型
今天碰到一個(gè)問題，需要把String類型的變量轉(zhuǎn)化成int類型的，js中String轉(zhuǎn)int和Java中不一樣，不能直接把Java中的用到j(luò)s中2014-08-08
這篇文章主要為大家介紹了正則test匹配的踩坑示例講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹了javascript批量修改文件編碼格式的方法,分析了使用javascript第三方包批量修改文件編碼的技巧,需要的朋友可以參考下2015-01-01
簡(jiǎn)單實(shí)現(xiàn)JS對(duì)dom操作封裝
這篇文章主要介紹了簡(jiǎn)單實(shí)現(xiàn)JS對(duì)dom操作封裝，需要的朋友可以參考下2015-12-12
分享9點(diǎn)個(gè)人認(rèn)為比較重要的javascript 編程技巧
接觸和學(xué)習(xí)javascript也有3~4年了，真正牽扯到前后臺(tái)數(shù)據(jù)的交互，數(shù)據(jù)算法等高級(jí)編程知之甚少，甚至很少用，如果你問我你知道js什么知識(shí)呢？我可能只能說知道點(diǎn)jQuery的技巧，說編程都談不上，所以需要把某一些技巧作為編程習(xí)慣固定下來，免于以后有人問我你知道什么？2015-04-04