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)先級。在大擴號內(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)系，在大擴號中會構(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)先級。在大擴號內(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)系，在大擴號中會構(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)文章
這篇文章主要介紹了原生JS實現(xiàn)獲取及修改CSS樣式的方法,結(jié)合實例形式簡單分析了JavaScript針對頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-09-09
小程序根目錄下的 app.json 文件是小程序的全局配置文件,本文給大家分享微信小程序之全局配置window和tabBar案例講解,感興趣的朋友跟隨小編一起看看吧2024-01-01
這篇文章主要介紹了JS遍歷DOM文檔樹的方法,結(jié)合實例形式分析了javascript遍歷dom文檔樹的相關(guān)方法與使用技巧,需要的朋友可以參考下2018-04-04
Js中的Object.entries()基本知識詳細分析(附Demo)
Object.entries方法能將對象的可枚舉屬性轉(zhuǎn)為數(shù)組,每個元素是鍵值對數(shù)組,可用于for...of迭代,下面這篇文章主要介紹了Js中的Object.entries()基本知識的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09
JavaScript是單線程的編程語言，只能同一時間內(nèi)做一件事。但是在遇到異步事件的時候，js線程并沒有阻塞，還會繼續(xù)執(zhí)行。這是因為JS有事件循環(huán)機制，本文就為大家詳細講解一下這一機制，需要的可以參考一下2022-03-03
下面小編就為大家?guī)硪黄僯s實現(xiàn)頁面返回頂部的動畫(超簡單)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
layui中select，radio設(shè)置不生效的解決方法
今天小編就為大家分享一篇layui中select，radio設(shè)置不生效的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
alert（）和console.log()在程序中經(jīng)常會用到，大家知道他們的區(qū)別嗎，接下來，通過本文給大家介紹alert()與console.log()的不同，需要的朋友可以參考下2015-08-08
有關(guān)suggest快速刪除后仍然出現(xiàn)下拉列表的bug問題
寫suggest的時候，有時我們快速刪除輸入框的文字后，但是suggest下拉列表還有出現(xiàn)，導(dǎo)致的原因是因為ajax異步請求造成的，下面通過本文給大家分享下解決方法，感興趣的朋友一起看看2016-12-12
JavaScript實現(xiàn)動態(tài)加載刪除表格
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)動態(tài)加載刪除表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04