js 多種變量定義(對(duì)象直接量，數(shù)組直接量和函數(shù)直接量)
更新時(shí)間：2010年05月24日 16:11:48 作者：
js 多種變量定義(對(duì)象直接量，數(shù)組直接量和函數(shù)直接量),大家可以參考下，對(duì)于以后學(xué)習(xí)js 面向?qū)τ谂cjson操作會(huì)有幫助。
對(duì)象直接量創(chuàng)建一個(gè)對(duì)象：
代碼跟下面是一樣的。
var obj=new Object();
obj.x=new Array(1,2);
obj.y=23;
測(cè)試：
for(var i in obj) alert(obj[i]);
函數(shù)直接量：它是一個(gè)表達(dá)式而不是語句。
如下例：
(function(){
document.write("some script code");
})()
var a=(function(s){return s})("abc");
alert(a);
var b=function(s){return s};
alert(b("abc"));
這個(gè)如何解釋呢
大家應(yīng)該記得這種寫法
var a=function (){}
那么怎么運(yùn)行a呢,那么就是a()
同樣的道理,我們不通過a這個(gè)變量來存那么是如何寫法,就是
function(){}()
但是你會(huì)發(fā)現(xiàn)這樣是錯(cuò)的
因?yàn)榻馕鲆娼馕龅臅r(shí)候,解析的時(shí)候發(fā)現(xiàn)}判斷到了函數(shù)結(jié)束了
并沒有把那個(gè)函數(shù)作為塊來運(yùn)行
那么加上()是強(qiáng)制把function那塊作為塊
一、什么是匿名函數(shù)
在Javascript定義一個(gè)函數(shù)一般有如下三種方式：
函數(shù)關(guān)鍵字(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);')上面三種方法定義了同一個(gè)方法函數(shù)fnMethodName，第1種就是最常用的方法，后兩種都是把一個(gè)函數(shù)復(fù)制給變量fnMethodName，而這個(gè)函數(shù)是沒有名字的，即匿名函數(shù)。實(shí)際上，相當(dāng)多的語言都有匿名函數(shù)。
二、函數(shù)字面量和Function()構(gòu)造函數(shù)的區(qū)別
雖然函數(shù)字面量是一個(gè)匿名函數(shù)，但語法允許為其指定任意一個(gè)函數(shù)名，當(dāng)寫遞歸函數(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ù)允許運(yùn)行時(shí)Javascript代碼動(dòng)態(tài)的創(chuàng)建和編譯。在這個(gè)方式上它類似全局函數(shù)eval()。
Function()構(gòu)造函數(shù)每次執(zhí)行時(shí)都解析函數(shù)主體，并創(chuàng)建一個(gè)新的函數(shù)對(duì)象。所以當(dāng)在一個(gè)循環(huán)或者頻繁執(zhí)行的函數(shù)中調(diào)用Function()構(gòu)造函數(shù)的效率是非常低的。相反，函數(shù)字面量卻不是每次遇到都重新編譯的。
用Function()構(gòu)造函數(shù)創(chuàng)建一個(gè)函數(shù)時(shí)并不遵循典型的作用域，它一直把它當(dāng)作是頂級(jí)函數(shù)來執(zhí)行。
var y = "global";
function constructFunction() {
var y = "local";
return new Function("return y"); // 無法獲取局部變量}
alert(constructFunction()()); // 輸出 "global" 函數(shù)直接量：
只要是表達(dá)式語法，腳本宿主就認(rèn)為 function 是一個(gè)直接量函數(shù)，如果什么都不加，光以 function 開頭的話則認(rèn)為是一個(gè)函數(shù)聲明，把 function 寫進(jìn)一個(gè)表達(dá)式內(nèi)部，比如四則運(yùn)算，宿主也會(huì)將其當(dāng)作是一個(gè)直接量，如下：
var a = 10 + function(){
return 5;
}();
夸張一點(diǎn)，如下：
(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那么它就是一個(gè)匿名函數(shù)。
好，看看匿名函數(shù)的如何被調(diào)用。
1、執(zhí)行后得到返回值的函數(shù)調(diào)用
//方式一，調(diào)用函數(shù)，得到返回值。強(qiáng)制運(yùn)算符使函數(shù)調(diào)用執(zhí)行
(function(x,y){
alert(x+y);
return x+y;
}(3,4));
//方式二，調(diào)用函數(shù)，得到返回值。強(qiáng)制函數(shù)直接量執(zhí)行再返回一個(gè)引用，引用在去調(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);
嗯，最后看看錯(cuò)誤的調(diào)用方式
//錯(cuò)誤的調(diào)用方式
function(x,y){
alert(x+y);
return x+y;
}(3,4);
復(fù)制代碼 代碼如下:
var obj = {x:[1,2],y:23};
代碼跟下面是一樣的。
復(fù)制代碼 代碼如下:
var obj=new Object();
obj.x=new Array(1,2);
obj.y=23;
測(cè)試：
復(fù)制代碼 代碼如下:
for(var i in obj) alert(obj[i]);
函數(shù)直接量：它是一個(gè)表達(dá)式而不是語句。
復(fù)制代碼 代碼如下:
(function(){})()
如下例：
復(fù)制代碼 代碼如下:
(function(){
document.write("some script code");
})()
var a=(function(s){return s})("abc");
alert(a);
var b=function(s){return s};
alert(b("abc"));
這個(gè)如何解釋呢
大家應(yīng)該記得這種寫法
var a=function (){}
那么怎么運(yùn)行a呢,那么就是a()
同樣的道理,我們不通過a這個(gè)變量來存那么是如何寫法,就是
function(){}()
但是你會(huì)發(fā)現(xiàn)這樣是錯(cuò)的
因?yàn)榻馕鲆娼馕龅臅r(shí)候,解析的時(shí)候發(fā)現(xiàn)}判斷到了函數(shù)結(jié)束了
并沒有把那個(gè)函數(shù)作為塊來運(yùn)行
那么加上()是強(qiáng)制把function那塊作為塊
一、什么是匿名函數(shù)
在Javascript定義一個(gè)函數(shù)一般有如下三種方式：
函數(shù)關(guān)鍵字(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);')上面三種方法定義了同一個(gè)方法函數(shù)fnMethodName，第1種就是最常用的方法，后兩種都是把一個(gè)函數(shù)復(fù)制給變量fnMethodName，而這個(gè)函數(shù)是沒有名字的，即匿名函數(shù)。實(shí)際上，相當(dāng)多的語言都有匿名函數(shù)。
二、函數(shù)字面量和Function()構(gòu)造函數(shù)的區(qū)別
雖然函數(shù)字面量是一個(gè)匿名函數(shù)，但語法允許為其指定任意一個(gè)函數(shù)名，當(dāng)寫遞歸函數(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ù)允許運(yùn)行時(shí)Javascript代碼動(dòng)態(tài)的創(chuàng)建和編譯。在這個(gè)方式上它類似全局函數(shù)eval()。
Function()構(gòu)造函數(shù)每次執(zhí)行時(shí)都解析函數(shù)主體，并創(chuàng)建一個(gè)新的函數(shù)對(duì)象。所以當(dāng)在一個(gè)循環(huán)或者頻繁執(zhí)行的函數(shù)中調(diào)用Function()構(gòu)造函數(shù)的效率是非常低的。相反，函數(shù)字面量卻不是每次遇到都重新編譯的。
用Function()構(gòu)造函數(shù)創(chuàng)建一個(gè)函數(shù)時(shí)并不遵循典型的作用域，它一直把它當(dāng)作是頂級(jí)函數(shù)來執(zhí)行。
復(fù)制代碼 代碼如下:
var y = "global";
function constructFunction() {
var y = "local";
return new Function("return y"); // 無法獲取局部變量}
alert(constructFunction()()); // 輸出 "global" 函數(shù)直接量：
只要是表達(dá)式語法，腳本宿主就認(rèn)為 function 是一個(gè)直接量函數(shù)，如果什么都不加，光以 function 開頭的話則認(rèn)為是一個(gè)函數(shù)聲明，把 function 寫進(jìn)一個(gè)表達(dá)式內(nèi)部，比如四則運(yùn)算，宿主也會(huì)將其當(dāng)作是一個(gè)直接量，如下：
復(fù)制代碼 代碼如下:
var a = 10 + function(){
return 5;
}();
夸張一點(diǎn)，如下：
復(fù)制代碼 代碼如下:
(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那么它就是一個(gè)匿名函數(shù)。
好，看看匿名函數(shù)的如何被調(diào)用。
1、執(zhí)行后得到返回值的函數(shù)調(diào)用
復(fù)制代碼 代碼如下:
//方式一，調(diào)用函數(shù)，得到返回值。強(qiáng)制運(yùn)算符使函數(shù)調(diào)用執(zhí)行
(function(x,y){
alert(x+y);
return x+y;
}(3,4));
//方式二，調(diào)用函數(shù)，得到返回值。強(qiáng)制函數(shù)直接量執(zhí)行再返回一個(gè)引用，引用在去調(diào)用執(zhí)行
(function(x,y){
alert(x+y);
return x+y;
})(3,4);
2、執(zhí)行后忽略返回值
復(fù)制代碼 代碼如下:
//方式三，調(diào)用函數(shù)，忽略返回值
void function(x) {
x = x-1;
alert(x);
}(9);
嗯，最后看看錯(cuò)誤的調(diào)用方式
復(fù)制代碼 代碼如下:
//錯(cuò)誤的調(diào)用方式
function(x,y){
alert(x+y);
return x+y;
}(3,4);
您可能感興趣的文章:
- js中通過split函數(shù)分割字符串成數(shù)組小例子
- Js數(shù)組排序函數(shù)sort()介紹
- js判斷是否為數(shù)組的函數(shù): isArray()
- JS數(shù)組(Array)處理函數(shù)整理
- JS刪除數(shù)組元素的函數(shù)介紹
- javascript 判斷數(shù)組是否已包含了某個(gè)元素的函數(shù)
- 判斷數(shù)組是否包含某個(gè)元素的js函數(shù)實(shí)現(xiàn)方法
- JavaScript數(shù)組函數(shù)unshift、shift、pop、push使用實(shí)例
- JavaScript數(shù)組的快速克隆(slice()函數(shù))和數(shù)組的排序、亂序和搜索(sort()函數(shù))
- JavaScript手寫數(shù)組的常用函數(shù)總結(jié)
相關(guān)文章
JavaScript錯(cuò)誤處理之分析 Uncaught(in promise) error的
在開發(fā)過程中,JavaScript的錯(cuò)誤處理是一個(gè)老生常談的話題,當(dāng)應(yīng)用程序發(fā)生未捕獲的異常時(shí),Uncaught(in promise) error是其中最常見的錯(cuò)誤類型,這篇文章將從多個(gè)方面詳細(xì)闡述這種錯(cuò)誤類型的原因與解決方案,感興趣的朋友一起看看吧2023-12-12
JavaScript操作XML/HTML比較常用的對(duì)象屬性集錦
本文給大家介紹javascript操作xml/html比較常用的對(duì)象屬性，涉及到j(luò)s對(duì)象屬性相關(guān)知識(shí)，對(duì)JavaScript操作XML/HTML比較常用的對(duì)象屬性感興趣的朋友可以參考下本文2015-10-10
這篇文章主要是對(duì)JS與C#編碼解碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
JavaScript 異步方法隊(duì)列鏈實(shí)現(xiàn)代碼分析
在javascript中，方法的鏈?zhǔn)秸{(diào)用很流行，使用jQuery的朋友對(duì)此一定深有體會(huì)。2010-06-06
教你如何在 Javascript 文件里使用 .Net MVC Razor 語法
文章主要是介紹了通過一個(gè)第三方類庫RazorJS，實(shí)現(xiàn)Javascript 文件里使用 .Net MVC Razor 語法，很巧妙，推薦給大家2014-07-07
這篇文章主要介紹了TypeScript中函數(shù)重載寫法，TypeScript 提供了函數(shù)重載功能，下面文章圍繞TypeScript函數(shù)重載續(xù)航管資料展開內(nèi)容,具有一定得參考價(jià)值，需要的朋友可以參考一下2021-12-12
下面小編就為大家?guī)硪黄斦刢ommonjs模塊與es6模塊的區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
理解Javascript_02_理解undefined和null
其實(shí)在 ECMAScript 的原始類型中，是有Undefined 和 Null 類型的。 這兩種類型都分別對(duì)應(yīng)了屬于自己的唯一專用值，即undefined 和 null。2010-10-10
使用js獲取地址欄參數(shù)的方法推薦(超級(jí)簡(jiǎn)單)
下面小編就為大家?guī)硪黄褂胘s獲取地址欄參數(shù)的方法推薦(超級(jí)簡(jiǎn)單)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
提交按鈕的name＝''submit''引起的js失效問題及原因
這篇文章主要介紹了提交按鈕的name＝'submit'引起的js失效問題及原因,需要的朋友可以參考下2015-02-02