淺談JavaScript函數(shù)的四種存在形態(tài)
函數(shù)的四種存在形態(tài):
1.函數(shù)形態(tài)
2.方法形態(tài) 將函數(shù)賦值給某一個對象的成員,那么就稱為方法
3.構(gòu)造器形態(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.構(gòu)造器(構(gòu)造函數(shù))var p = new Person();
1、new創(chuàng)建了對象,并開辟了空間
2、將對象的引用地址傳遞給函數(shù),在函數(shù)中用this接收
3、構(gòu)造方法執(zhí)行結(jié)束,返回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
改變的東西有:構(gòu)造函數(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í)行預(yù)定函數(shù)的技巧
- javascript判斷css3動畫結(jié)束 css3動畫結(jié)束的回調(diào)函數(shù)
- JavaScript中判斷變量是數(shù)組、函數(shù)或是對象類型的方法
- JavaScript判斷變量是否為空的自定義函數(shù)分享
- JavaScript中判斷原生函數(shù)檢查function是否是原生代碼
- JS簡單判斷函數(shù)是否存在的方法
相關(guān)文章
javascript日期處理函數(shù),性能優(yōu)化批處理
這篇文章主要介紹了javascript日期處置函數(shù),對批處理做了性能優(yōu)化,需要的朋友可以參考下2015-09-09javascript中call,apply,bind的用法對比分析
這篇文章主要給大家對比分析了javascript中call,apply,bind三個函數(shù)的用法,非常的詳細,這里推薦給小伙伴們。2015-02-02JavaScript onkeypress事件入門實例(按下或按住一個鍵盤按鍵)
這篇文章主要介紹了JavaScript onkeypress事件入門實例,onkeypress事件捕捉按下或按住一個鍵盤按鍵的情況,需要的朋友可以參考下2014-10-10Javascript & DHTML 實例編程(教程)(三)初級實例篇1—上傳文件控件實例
Javascript & DHTML 實例編程(教程)(三)初級實例篇1—上傳文件控件實例...2007-06-06JavaScript高級程序設(shè)計(第3版)學(xué)習筆記13 ECMAScript5新特性
通常而言,JavaScript由ECMAScript核心、BOM和DOM三部分構(gòu)成,前面的文章將ECMAScript核心部分粗略的過了一篇2012-10-10淺析函數(shù)聲明和函數(shù)表達式——函數(shù)聲明的聲明提前
下面小編就為大家?guī)硪黄獪\析函數(shù)聲明和函數(shù)表達式——函數(shù)聲明的聲明提前。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。2016-05-05