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