js 多種變量定義(對象直接量，數(shù)組直接量和函數(shù)直接量)

更新時間：2010年05月24日 16:11:48 作者：

js 多種變量定義(對象直接量，數(shù)組直接量和函數(shù)直接量),大家可以參考下，對于以后學習js 面向?qū)τ谂cjson操作會有幫助。

對象直接量創(chuàng)建一個對象：

var obj = {x:[1,2],y:23};

代碼跟下面是一樣的。

 
var obj=new Object(); 
obj.x=new Array(1,2); 
obj.y=23; 

測試：

復制代碼代碼如下:

for(var i in obj) alert(obj[i]);

函數(shù)直接量：它是一個表達式而不是語句。

復制代碼代碼如下:

(function(){})()

如下例：

復制代碼代碼如下:

 
(function(){ 
document.write("some script code"); 
})() 

var a=(function(s){return s})("abc"); 
alert(a); 
var b=function(s){return s}; 
alert(b("abc")); 

這個如何解釋呢
大家應該記得這種寫法
var a=function (){}
那么怎么運行a呢,那么就是a()
同樣的道理,我們不通過a這個變量來存那么是如何寫法,就是
function(){}()
但是你會發(fā)現(xiàn)這樣是錯的
因為解析引擎解析的時候,解析的時候發(fā)現(xiàn)}判斷到了函數(shù)結(jié)束了
并沒有把那個函數(shù)作為塊來運行
那么加上()是強制把function那塊作為塊

一、什么是匿名函數(shù)
在Javascript定義一個函數(shù)一般有如下三種方式：

函數(shù)關鍵字(function)語句：
function fnMethodName(x){alert(x);}函數(shù)字面量(Function Literals)：
var fnMethodName = function(x){alert(x);}Function()構(gòu)造函數(shù)：
var fnMethodName = new Function('x','alert(x);')上面三種方法定義了同一個方法函數(shù)fnMethodName，第1種就是最常用的方法，后兩種都是把一個函數(shù)復制給變量fnMethodName，而這個函數(shù)是沒有名字的，即匿名函數(shù)。實際上，相當多的語言都有匿名函數(shù)。

二、函數(shù)字面量和Function()構(gòu)造函數(shù)的區(qū)別
雖然函數(shù)字面量是一個匿名函數(shù)，但語法允許為其指定任意一個函數(shù)名，當寫遞歸函數(shù)時可以調(diào)用它自己，使用Function()構(gòu)造函數(shù)則不行。
var f = function fact(x) {
if (x < = 1) return 1;
else return x*fact(x-1);
};
Function()構(gòu)造函數(shù)允許運行時Javascript代碼動態(tài)的創(chuàng)建和編譯。在這個方式上它類似全局函數(shù)eval()。

Function()構(gòu)造函數(shù)每次執(zhí)行時都解析函數(shù)主體，并創(chuàng)建一個新的函數(shù)對象。所以當在一個循環(huán)或者頻繁執(zhí)行的函數(shù)中調(diào)用Function()構(gòu)造函數(shù)的效率是非常低的。相反，函數(shù)字面量卻不是每次遇到都重新編譯的。

用Function()構(gòu)造函數(shù)創(chuàng)建一個函數(shù)時并不遵循典型的作用域，它一直把它當作是頂級函數(shù)來執(zhí)行。

復制代碼代碼如下:

var y = "global"; 
function constructFunction() { 
var y = "local"; 
return new Function("return y"); // 無法獲取局部變量} 
alert(constructFunction()()); // 輸出 "global" 函數(shù)直接量： 

只要是表達式語法，腳本宿主就認為 function 是一個直接量函數(shù)，如果什么都不加，光以 function 開頭的話則認為是一個函數(shù)聲明，把 function 寫進一個表達式內(nèi)部，比如四則運算，宿主也會將其當作是一個直接量，如下：

復制代碼代碼如下:

 
var a = 10 + function(){ 
return 5; 
}(); 

夸張一點，如下：

復制代碼代碼如下:

 
(function(){ 
alert(1); 
} ) ( ); 
( function(){ 
alert(2); 
} ( ) ); 
void function(){ 
alert(3); 
}() 
0, function(){ 
alert(4); 
}(); 
-function(){ 
alert(5); 
}(); 
+function(){ 
alert(6); 
}(); 
!function(){ 
alert(7); 
}(); 
~function(){ 
alert(8); 
}(); 
typeof function(){ 
alert(9); 
}(); 

js中定義函數(shù)的方式有多種，函數(shù)直接量就是其中一種。如var fun = function(){},這里function如果不賦值給fun那么它就是一個匿名函數(shù)。

好，看看匿名函數(shù)的如何被調(diào)用。

1、執(zhí)行后得到返回值的函數(shù)調(diào)用

復制代碼代碼如下:

 
//方式一，調(diào)用函數(shù)，得到返回值。強制運算符使函數(shù)調(diào)用執(zhí)行 
(function(x,y){ 
alert(x+y); 
return x+y; 
}(3,4)); 

//方式二，調(diào)用函數(shù)，得到返回值。強制函數(shù)直接量執(zhí)行再返回一個引用，引用在去調(diào)用執(zhí)行 
(function(x,y){ 
alert(x+y); 
return x+y; 
})(3,4); 

2、執(zhí)行后忽略返回值

復制代碼代碼如下:

 
//方式三，調(diào)用函數(shù)，忽略返回值 
void function(x) { 
x = x-1; 
alert(x); 
}(9); 

嗯，最后看看錯誤的調(diào)用方式

復制代碼代碼如下:

 
//錯誤的調(diào)用方式 
function(x,y){ 
alert(x+y); 
return x+y; 
}(3,4); 

您可能感興趣的文章:

JavaScript錯誤處理之分析 Uncaught(in promise) error的
在開發(fā)過程中,JavaScript的錯誤處理是一個老生常談的話題,當應用程序發(fā)生未捕獲的異常時,Uncaught(in promise) error是其中最常見的錯誤類型,這篇文章將從多個方面詳細闡述這種錯誤類型的原因與解決方案,感興趣的朋友一起看看吧
2023-12-12
JavaScript操作XML/HTML比較常用的對象屬性集錦
本文給大家介紹javascript操作xml/html比較常用的對象屬性，涉及到js對象屬性相關知識，對JavaScript操作XML/HTML比較常用的對象屬性感興趣的朋友可以參考下本文
2015-10-10
JS與C#編碼解碼
這篇文章主要是對JS與C#編碼解碼進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
JavaScript 異步方法隊列鏈實現(xiàn)代碼分析
在javascript中，方法的鏈式調(diào)用很流行，使用jQuery的朋友對此一定深有體會。
2010-06-06
教你如何在 Javascript 文件里使用 .Net MVC Razor 語法
文章主要是介紹了通過一個第三方類庫RazorJS，實現(xiàn)Javascript 文件里使用 .Net MVC Razor 語法，很巧妙，推薦給大家
2014-07-07
TypeScript中函數(shù)重載寫法
這篇文章主要介紹了TypeScript中函數(shù)重載寫法，TypeScript 提供了函數(shù)重載功能，下面文章圍繞TypeScript函數(shù)重載續(xù)航管資料展開內(nèi)容,具有一定得參考價值，需要的朋友可以參考一下
2021-12-12
詳談commonjs模塊與es6模塊的區(qū)別
下面小編就為大家?guī)硪黄斦刢ommonjs模塊與es6模塊的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
理解Javascript_02_理解undefined和null
其實在 ECMAScript 的原始類型中，是有Undefined 和 Null 類型的。這兩種類型都分別對應了屬于自己的唯一專用值，即undefined 和 null。
2010-10-10
使用js獲取地址欄參數(shù)的方法推薦(超級簡單)
下面小編就為大家?guī)硪黄褂胘s獲取地址欄參數(shù)的方法推薦(超級簡單)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
提交按鈕的name＝''submit''引起的js失效問題及原因
這篇文章主要介紹了提交按鈕的name＝'submit'引起的js失效問題及原因,需要的朋友可以參考下
2015-02-02