Javascript 函數(shù)的四種調(diào)用模式
更新時間：2016年11月05日 09:03:07 投稿：lqh
這篇文章主要介紹了Javascript 函數(shù)的四種調(diào)用模式的相關(guān)資料,需要的朋友可以參考下
Javascript 函數(shù)的四種調(diào)用模式
1 函數(shù)模式
最普通的函數(shù)調(diào)用
// 聲明式函數(shù)
function fn1 () {
console.log(this);
}
// 函數(shù)表達式函數(shù)
var fn2 = function() {
console.log(this);
};
// 調(diào)用 函數(shù)中this表示全局對象，在瀏覽器中就是指window
fn1(); //window
fn2(); //window
2 方法模式
函數(shù)依附于一個對象，是對象的一個屬性，我們再調(diào)用這個函數(shù)。這種模式就是方法調(diào)用模式。
var obj = {
name: "zhangSan",
sayHi: function () {
console.log(this);
}
};
obj.sayHi(); //obj對象
3 構(gòu)造器調(diào)用模式
即是構(gòu)造函數(shù)的調(diào)用，一般是通過new + 函數(shù)名( )，這種模式和以上的方法模式?jīng)]本質(zhì)的區(qū)別
function Person() {}
var tom = new Person(); // 這就是構(gòu)造器函數(shù)的調(diào)用
// 構(gòu)造函數(shù)調(diào)用的詳細過程
// 1 會在內(nèi)部創(chuàng)建一個對象o
// 2 給對象賦值(this), 然后執(zhí)行各種操作
// 3 返回這個對象o
// 構(gòu)造函數(shù)的返回值：
//
// 有一個默認的返回值，新創(chuàng)建的對象（實例）；
// 當(dāng)手動添加返回值后（return語句）：
// 1. 返回值是基本數(shù)據(jù)類型-->真正的返回值還是那個新創(chuàng)建的對象（即實例）
// 2. 返回值是復(fù)雜數(shù)據(jù)類型（對象）-->真正的返回值是這個對象
4 上下文模式
本質(zhì)--對象借用不屬于該對象的方法（函數(shù)），即我們自定義this的指向
這時候就需要call和apply這兩個方法
//Function.prototype.call ()
//Function.prototype.apply ()
//——>任何函數(shù)都可以調(diào)用call和apply方法
// 第一個參數(shù)控制this的指向，第二個參數(shù)：
在使用 上下文調(diào)用的 時候, 原函數(shù)(方法)可能會帶有參數(shù), 那么這個參數(shù)在上下文調(diào)用中使用 第二個( 第 n 個 )參數(shù)來表示
//偽數(shù)組
var o={ 0:10,1:20,length:2 };
//讓o對象借用數(shù)組的push方法來添加元素
//[].push.call(o,30,50,70)
[].push.apply(o,[1,2,3])
console.log(o);//其中對象o中l(wèi)ength屬性的值也會改變的哦
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
本文主要介紹了Web純前端“旭日圖”實現(xiàn)元素周期表的實例解析。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了JS實現(xiàn)的tab頁切換效果,涉及javascript基于事件響應(yīng)動態(tài)操作頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了JS實現(xiàn)雙擊編輯可修改狀態(tài)的方法,涉及javascript針對頁面元素的動態(tài)創(chuàng)建及設(shè)置技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
Bootstrap 是一個用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。這篇文章主要介紹了Bootstrap零基礎(chǔ)入門教程(二) 的相關(guān)資料，非常不錯，具有參考借鑒價值，感興趣的朋友一起看下吧2016-07-07
JS實現(xiàn)漢字與Unicode碼相互轉(zhuǎn)換的方法詳解
這篇文章主要介紹了JS實現(xiàn)漢字與Unicode碼相互轉(zhuǎn)換的方法,結(jié)合實例形式較為詳細的分析了javascript針對漢字與Unicode編碼轉(zhuǎn)換的操作技巧與相關(guān)注意事項,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了js實現(xiàn)文字頭像的生成的代碼，代碼簡單易懂，非常不錯，對大家的工作或?qū)W習(xí)具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
這篇文章主要介紹了JS中正則表達式要注意lastIndex屬性,需要的朋友可以參考下2017-08-08
這篇文章主要為大家介紹了JS語法也可以有C#的switch表達式示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
JavaScript實現(xiàn)動態(tài)加載刪除表格
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)動態(tài)加載刪除表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要介紹了在微信小程序中使用mqtt服務(wù)的方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12