淺談JavaScript函數(shù)的四種存在形態(tài)
函數(shù)的四種存在形態(tài):
1.函數(shù)形態(tài)
2.方法形態(tài) 將函數(shù)賦值給某一個對象的成員,那么就稱為方法
3.構造器形態(tài)
4.上下文形態(tài)
1.函數(shù)形態(tài):
var foo = function() {
alert(this); //this是window
};
2.方法形態(tài):
o = {};
o.foo = foo; //將函數(shù)foo賦值給對象o的foo屬性
o.foo(); //彈出的是object,此時的this表示object
var lib = {
test:function() {
alert(this); //此處的this表示object(lib對象本身)
//var that = this; //要想匿名函數(shù)中this表示lib對象,可以這樣
(function() {
alert(this); //此處的匿名函數(shù)不屬于lib對象,所以this的任然表示window
})();
}
};
lib.test();
3.構造器(構造函數(shù))var p = new Person();
1、new創(chuàng)建了對象,并開辟了空間
2、將對象的引用地址傳遞給函數(shù),在函數(shù)中用this接收
3、構造方法執(zhí)行結束,返回this
var Person = function() {
this.age = 19;
this.name = "Mr靖";
return "{}";
};
var p = new Person();
alert(p.name); //彈出的是undefined,由于函數(shù)返回的是一個對象,所以直接將這個對象返回給person,而忽略age,name屬性
var Person = function() {
this.age = 19;
this.name = "Mr靖";
return 123;
};
var p = new Person();
alert(p.name); //彈出“Mr靖”,由于返回值不是對象,所以直接忽略返回值
alert(p); //彈出object
改變的東西有:構造函數(shù)改變了函數(shù)的返回值;如果函數(shù)的返回值是一個對象,那么就按照返回值來返回;如果返回值不是一個對象就忽略返回值,直接返回this;
4.上下文調(diào)用模式函數(shù).apply(對象, [參數(shù)列表])
var foo1 = function(a, b) {
alert(this);
return a > b ? a : b;
};
var num = foo1.apply(null, [112, 34]); //此時foo1是函數(shù)形態(tài),this表示window
num = foo1.apply({}, [112, 34]); //此時foo1是方法形態(tài),this表示參數(shù)中傳入的對象{}
函數(shù).call(對象, 參數(shù)列表);
var num1 =foo1.call(null,112,34);
num1=foo1.call({},112,34); //除了參數(shù)列表外,其余和apply一樣
以上這篇淺談JavaScript函數(shù)的四種存在形態(tài)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- JavaScript中判斷函數(shù)、變量是否存在
- javascript版的in_array函數(shù)(判斷數(shù)組中是否存在特定值)
- js 判斷js函數(shù)、變量是否存在的簡單示例代碼
- Javascript 判斷是否存在函數(shù)的方法
- JavaScript基于自定義函數(shù)判斷變量類型的實現(xiàn)方法
- JS自定義函數(shù)對web前端上傳的文件進行類型大小判斷
- 判斷數(shù)組是否包含某個元素的js函數(shù)實現(xiàn)方法
- JavaScript判斷頁面加載完之后再執(zhí)行預定函數(shù)的技巧
- javascript判斷css3動畫結束 css3動畫結束的回調(diào)函數(shù)
- JavaScript中判斷變量是數(shù)組、函數(shù)或是對象類型的方法
- JavaScript判斷變量是否為空的自定義函數(shù)分享
- JavaScript中判斷原生函數(shù)檢查function是否是原生代碼
- JS簡單判斷函數(shù)是否存在的方法
相關文章
javascript日期處理函數(shù),性能優(yōu)化批處理
這篇文章主要介紹了javascript日期處置函數(shù),對批處理做了性能優(yōu)化,需要的朋友可以參考下2015-09-09
javascript中call,apply,bind的用法對比分析
這篇文章主要給大家對比分析了javascript中call,apply,bind三個函數(shù)的用法,非常的詳細,這里推薦給小伙伴們。2015-02-02
JavaScript onkeypress事件入門實例(按下或按住一個鍵盤按鍵)
這篇文章主要介紹了JavaScript onkeypress事件入門實例,onkeypress事件捕捉按下或按住一個鍵盤按鍵的情況,需要的朋友可以參考下2014-10-10
Javascript & DHTML 實例編程(教程)(三)初級實例篇1—上傳文件控件實例
Javascript & DHTML 實例編程(教程)(三)初級實例篇1—上傳文件控件實例...2007-06-06
JavaScript高級程序設計(第3版)學習筆記13 ECMAScript5新特性
通常而言,JavaScript由ECMAScript核心、BOM和DOM三部分構成,前面的文章將ECMAScript核心部分粗略的過了一篇2012-10-10
淺析函數(shù)聲明和函數(shù)表達式——函數(shù)聲明的聲明提前
下面小編就為大家?guī)硪黄獪\析函數(shù)聲明和函數(shù)表達式——函數(shù)聲明的聲明提前。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。2016-05-05

