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

淺析JavaScript函數(shù)的調用模式

 更新時間:2016年08月10日 11:09:58   作者:Cyclone77  
這篇文章主要為大家詳細介紹了JavaScript函數(shù)的調用模式,包括方法調用模式,構造器調用模式,apply/call調用模式,感興趣的小伙伴們可以參考一下

我們說一個函數(shù)的調用模式是作為一個函數(shù)來調用,是要與其它三種調用模式做區(qū)分
函數(shù)其他的三種調用: 方法調用模式,構造器調用模式,apply/call調用模式。 

方法的調用模式: 

var obj={
 fun1: function(){
  //方法內容
  this; //指的是window
 }
}

obj.fun1() //方法的調用

構造器的調用: 

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調用模式: 

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

var blackCat = new cat; 
blackCat.say();

這里如果沒有顯性的return語句,這個新的對象則會被隱式的return,并成為這個構造器的值。 也就是說這里可以等價于: var blackCat = new cat();
但是如果我們有一個對象 

var whiteDog = {
 food: "bone"
}; 

我們不想對它重新定義say方法,那么我們可以通過call或apply用blackCat的say方法:
 blackCat.say.call(whiteDog);
所以,可以看出call和apply是為了動態(tài)改變this而出現(xiàn)的,當一個object沒有某個方法,但是其他的有,我們可以借助call或apply用其它對象的方法來操作。 

用的比較多的,通過document.getElementsByTagName選擇的dom 節(jié)點是一種類似array的array(arguments等等)。它不能應用Array下的push,pop等方法。我們可以通過:
var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
這樣domNodes就可以應用Array下的所有方法了。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • JS使用Promise時常見的5個錯誤總結

    JS使用Promise時常見的5個錯誤總結

    Promise?提供了一種優(yōu)雅的方法來處理?JS?中的異步操作。這也是避免“回調地獄”的解決方案。然而,并沒有多少開發(fā)人員了解其中的內容。因此,許多人在實踐中往往會犯錯誤。在本文中,介紹一下使用?promise?時的五個常見錯誤,希望大家能夠避免
    2022-11-11
  • Mysql內儲存JSON字符串根據(jù)條件進行查詢

    Mysql內儲存JSON字符串根據(jù)條件進行查詢

    本文主要介紹了Mysql內儲存JSON字符串根據(jù)條件進行查詢,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-02-02
  • 詳解JavaScript狀態(tài)容器Redux

    詳解JavaScript狀態(tài)容器Redux

    Redux官網(wǎng)上是這樣描述Redux,Redux is a predictable state container for JavaScript apps.(Redux是JavaScript狀態(tài)容器,提供可預測性的狀態(tài)管理)。目前Redux GitHub有5w多star,足以說明 Redux 受歡迎的程度
    2021-06-06
  • 在一個頁面重復使用一個js函數(shù)的方法詳解

    在一個頁面重復使用一個js函數(shù)的方法詳解

    下面小編就為大家?guī)硪黄谝粋€頁面重復使用一個js函數(shù)的方法詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦
    2016-12-12
  • 圖片加載完成再執(zhí)行事件的實例

    圖片加載完成再執(zhí)行事件的實例

    下面小編就為大家分享一篇圖片加載完成再執(zhí)行事件的實例,具有很好的參考價值,一起跟隨小編過來看看吧,希望對大家有所幫助
    2017-11-11
  • js中string轉int把String類型轉化成int類型

    js中string轉int把String類型轉化成int類型

    今天碰到一個問題,需要把String類型的變量轉化成int類型的,js中String轉int和Java中不一樣,不能直接把Java中的用到js中
    2014-08-08
  • js正則test匹配的踩坑及解決

    js正則test匹配的踩坑及解決

    這篇文章主要為大家介紹了正則test匹配的踩坑示例講解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-07-07
  • javascript批量修改文件編碼格式的方法

    javascript批量修改文件編碼格式的方法

    這篇文章主要介紹了javascript批量修改文件編碼格式的方法,分析了使用javascript第三方包批量修改文件編碼的技巧,需要的朋友可以參考下
    2015-01-01
  • 簡單實現(xiàn)JS對dom操作封裝

    簡單實現(xiàn)JS對dom操作封裝

    這篇文章主要介紹了簡單實現(xiàn)JS對dom操作封裝,需要的朋友可以參考下
    2015-12-12
  • 分享9點個人認為比較重要的javascript 編程技巧

    分享9點個人認為比較重要的javascript 編程技巧

    接觸和學習javascript也有3~4年了,真正牽扯到前后臺數(shù)據(jù)的交互,數(shù)據(jù)算法等高級編程知之甚少,甚至很少用,如果你問我你知道js什么知識呢?我可能只能說知道點jQuery的技巧,說編程都談不上,所以需要把某一些技巧作為編程習慣固定下來,免于以后有人問我你知道什么?
    2015-04-04

最新評論