function, new function, new Function之間的區(qū)別
更新時間:2007年03月08日 00:00:00 作者:
函數(shù)是JavaScript中很重要的一個語言元素,并且提供了一個function關(guān)鍵字和內(nèi)置對象Function,下面是其可能的用法和它們之間的關(guān)系。
使用方法一:
var foo01 = function() //or fun01 = function()
{
var temp = 100;
this.temp = 200;
return temp + this.temp;
}
alert(typeof(foo01));
alert(foo01());
運行結(jié)果:
function
300 最普通的function使用方式,定一個JavaScript函數(shù)。兩種寫法表現(xiàn)出來的運行效果完全相同,唯一的卻別是后一種寫法有較高的初始化優(yōu)先級。在大擴(kuò)號內(nèi)的變量作用域中,this指代foo01的所有者,即window對象。
使用方法二:
var foo02 = new function()
{
var temp = 100;
this.temp = 200;
return temp + this.temp;
}
alert(typeof(foo02));
alert(foo02.constructor());
運行結(jié)果: object
300 這是一個比較puzzle的function的使用方式,好像是定一個函數(shù)。但是實際上這是定一個JavaScript中的用戶自定義對象,不過這里是個匿名類。這個用法和函數(shù)本身的使用基本沒有任何關(guān)系,在大擴(kuò)號中會構(gòu)建一個變量作用域,this指代這個作用域本身。
使用方法三:
var foo3 = new Function('var temp = 100; this.temp = 200; return temp + this.temp;');
alert(typeof(foo3));
alert(foo3());
運行結(jié)果: function
300 使用系統(tǒng)內(nèi)置函數(shù)對象來構(gòu)建一個函數(shù),這和方法一中的第一種方式在效果和初始化優(yōu)先級上都完全相同,就是函數(shù)體以字符串形式給出。
使用方法四:
var foo4 = Function('var temp = 100; this.temp = 200; return temp + this.temp;');
alert(typeof(foo4));
alert(foo4());
運行結(jié)果:
function
300 這個方式是不常使用的,效果和方法三一樣,不過不清楚不用new來生成有沒有什么副作用,這也體現(xiàn)了JavaScript一個最大的特性:靈活!能省就省。
關(guān)于函數(shù)初始化優(yōu)先級這個問題,可以參看:"JS類定義原型方法的兩種實現(xiàn)的區(qū)別"的回復(fù)。
使用方法一:
復(fù)制代碼 代碼如下:
var foo01 = function() //or fun01 = function()
{
var temp = 100;
this.temp = 200;
return temp + this.temp;
}
alert(typeof(foo01));
alert(foo01());
function
300 最普通的function使用方式,定一個JavaScript函數(shù)。兩種寫法表現(xiàn)出來的運行效果完全相同,唯一的卻別是后一種寫法有較高的初始化優(yōu)先級。在大擴(kuò)號內(nèi)的變量作用域中,this指代foo01的所有者,即window對象。
使用方法二:
復(fù)制代碼 代碼如下:
var foo02 = new function()
{
var temp = 100;
this.temp = 200;
return temp + this.temp;
}
alert(typeof(foo02));
alert(foo02.constructor());
300 這是一個比較puzzle的function的使用方式,好像是定一個函數(shù)。但是實際上這是定一個JavaScript中的用戶自定義對象,不過這里是個匿名類。這個用法和函數(shù)本身的使用基本沒有任何關(guān)系,在大擴(kuò)號中會構(gòu)建一個變量作用域,this指代這個作用域本身。
使用方法三:
復(fù)制代碼 代碼如下:
var foo3 = new Function('var temp = 100; this.temp = 200; return temp + this.temp;');
alert(typeof(foo3));
alert(foo3());
300 使用系統(tǒng)內(nèi)置函數(shù)對象來構(gòu)建一個函數(shù),這和方法一中的第一種方式在效果和初始化優(yōu)先級上都完全相同,就是函數(shù)體以字符串形式給出。
使用方法四:
復(fù)制代碼 代碼如下:
var foo4 = Function('var temp = 100; this.temp = 200; return temp + this.temp;');
alert(typeof(foo4));
alert(foo4());
function
300 這個方式是不常使用的,效果和方法三一樣,不過不清楚不用new來生成有沒有什么副作用,這也體現(xiàn)了JavaScript一個最大的特性:靈活!能省就省。
關(guān)于函數(shù)初始化優(yōu)先級這個問題,可以參看:"JS類定義原型方法的兩種實現(xiàn)的區(qū)別"的回復(fù)。
相關(guān)文章
JavaScript Cookie的讀取和寫入函數(shù)
Cookie的讀取和寫入實現(xiàn)函數(shù)。2009-12-12微信小程序?qū)崿F(xiàn)紅包功能(后端PHP實現(xiàn)邏輯)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)紅包功能,以及后端PHP實現(xiàn)邏輯,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-07-07深入理解JavaScript系列(4) 立即調(diào)用的函數(shù)表達(dá)式
大家學(xué)JavaScript的時候,經(jīng)常遇到自執(zhí)行匿名函數(shù)的代碼,今天我們主要就來想想說一下自執(zhí)行2012-01-01如何解決easyui自定義標(biāo)簽 datagrid edit combobox 手動輸入保存不上
這篇文章主要介紹了如何解決easyui自定義標(biāo)簽 datagrid edit combobox 手動輸入保存不上,需要的朋友可以參考下2015-12-12VScode中配置JavaScript編譯環(huán)境的方法
這篇文章主要介紹了VSCODE中配置JavaScript編譯環(huán)境的方法,方式一 使用Node.js做為解釋器運行JS代碼 Node.js的安裝和配置,方式二使用VSCODE插件Code Runner運行JS代碼,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08js 實現(xiàn)css風(fēng)格選擇器(壓縮后2KB)
近日在做一些OA前端界面,為了更好管理頁面代碼想寫個js選擇器,寫著寫著發(fā)現(xiàn)很費力,索性在網(wǎng)上找找看,功夫不負(fù)有心人, 找到一個mini css選擇器,且性能不凡:以下代碼是壓縮后的,僅2KB2012-01-01