js 多種變量定義(對象直接量,數(shù)組直接量和函數(shù)直接量)
更新時間:2010年05月24日 16:11:48 作者:
js 多種變量定義(對象直接量,數(shù)組直接量和函數(shù)直接量),大家可以參考下,對于以后學(xué)習(xí)js 面向?qū)τ谂cjson操作會有幫助。
對象直接量創(chuàng)建一個對象:
代碼跟下面是一樣的。
var obj=new Object();
obj.x=new Array(1,2);
obj.y=23;
測試:
for(var i in obj) alert(obj[i]);
函數(shù)直接量:它是一個表達式而不是語句。
如下例:
(function(){
document.write("some script code");
})()
var a=(function(s){return s})("abc");
alert(a);
var b=function(s){return s};
alert(b("abc"));
這個如何解釋呢
大家應(yīng)該記得這種寫法
var a=function (){}
那么怎么運行a呢,那么就是a()
同樣的道理,我們不通過a這個變量來存那么是如何寫法,就是
function(){}()
但是你會發(fā)現(xiàn)這樣是錯的
因為解析引擎解析的時候,解析的時候發(fā)現(xiàn)}判斷到了函數(shù)結(jié)束了
并沒有把那個函數(shù)作為塊來運行
那么加上()是強制把function那塊作為塊
一、什么是匿名函數(shù)
在Javascript定義一個函數(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);')上面三種方法定義了同一個方法函數(shù)fnMethodName,第1種就是最常用的方法,后兩種都是把一個函數(shù)復(fù)制給變量fnMethodName,而這個函數(shù)是沒有名字的,即匿名函數(shù)。實際上,相當(dāng)多的語言都有匿名函數(shù)。
二、函數(shù)字面量和Function()構(gòu)造函數(shù)的區(qū)別
雖然函數(shù)字面量是一個匿名函數(shù),但語法允許為其指定任意一個函數(shù)名,當(dāng)寫遞歸函數(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ù)對象。所以當(dāng)在一個循環(huán)或者頻繁執(zhí)行的函數(shù)中調(diào)用Function()構(gòu)造函數(shù)的效率是非常低的。相反,函數(shù)字面量卻不是每次遇到都重新編譯的。
用Function()構(gòu)造函數(shù)創(chuàng)建一個函數(shù)時并不遵循典型的作用域,它一直把它當(dāng)作是頂級函數(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)部,比如四則運算,宿主也會將其當(dāng)作是一個直接量,如下:
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);
復(fù)制代碼 代碼如下:
var obj = {x:[1,2],y:23};
代碼跟下面是一樣的。
復(fù)制代碼 代碼如下:
var obj=new Object();
obj.x=new Array(1,2);
obj.y=23;
測試:
復(fù)制代碼 代碼如下:
for(var i in obj) alert(obj[i]);
函數(shù)直接量:它是一個表達式而不是語句。
復(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"));
這個如何解釋呢
大家應(yīng)該記得這種寫法
var a=function (){}
那么怎么運行a呢,那么就是a()
同樣的道理,我們不通過a這個變量來存那么是如何寫法,就是
function(){}()
但是你會發(fā)現(xiàn)這樣是錯的
因為解析引擎解析的時候,解析的時候發(fā)現(xiàn)}判斷到了函數(shù)結(jié)束了
并沒有把那個函數(shù)作為塊來運行
那么加上()是強制把function那塊作為塊
一、什么是匿名函數(shù)
在Javascript定義一個函數(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);')上面三種方法定義了同一個方法函數(shù)fnMethodName,第1種就是最常用的方法,后兩種都是把一個函數(shù)復(fù)制給變量fnMethodName,而這個函數(shù)是沒有名字的,即匿名函數(shù)。實際上,相當(dāng)多的語言都有匿名函數(shù)。
二、函數(shù)字面量和Function()構(gòu)造函數(shù)的區(qū)別
雖然函數(shù)字面量是一個匿名函數(shù),但語法允許為其指定任意一個函數(shù)名,當(dāng)寫遞歸函數(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ù)對象。所以當(dāng)在一個循環(huán)或者頻繁執(zhí)行的函數(shù)中調(diào)用Function()構(gòu)造函數(shù)的效率是非常低的。相反,函數(shù)字面量卻不是每次遇到都重新編譯的。
用Function()構(gòu)造函數(shù)創(chuàng)建一個函數(shù)時并不遵循典型的作用域,它一直把它當(dāng)作是頂級函數(shù)來執(zhí)行。
復(fù)制代碼 代碼如下:
var y = "global";
function constructFunction() {
var y = "local";
return new Function("return y"); // 無法獲取局部變量}
alert(constructFunction()()); // 輸出 "global" 函數(shù)直接量:
只要是表達式語法,腳本宿主就認為 function 是一個直接量函數(shù),如果什么都不加,光以 function 開頭的話則認為是一個函數(shù)聲明,把 function 寫進一個表達式內(nèi)部,比如四則運算,宿主也會將其當(dāng)作是一個直接量,如下:
復(fù)制代碼 代碼如下:
var a = 10 + function(){
return 5;
}();
夸張一點,如下:
復(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那么它就是一個匿名函數(shù)。
好,看看匿名函數(shù)的如何被調(diào)用。
1、執(zhí)行后得到返回值的函數(shù)調(diào)用
復(fù)制代碼 代碼如下:
//方式一,調(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í)行后忽略返回值
復(fù)制代碼 代碼如下:
//方式三,調(diào)用函數(shù),忽略返回值
void function(x) {
x = x-1;
alert(x);
}(9);
嗯,最后看看錯誤的調(diào)用方式
復(fù)制代碼 代碼如下:
//錯誤的調(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ù)組是否已包含了某個元素的函數(shù)
- 判斷數(shù)組是否包含某個元素的js函數(shù)實現(xiàn)方法
- JavaScript數(shù)組函數(shù)unshift、shift、pop、push使用實例
- JavaScript數(shù)組的快速克隆(slice()函數(shù))和數(shù)組的排序、亂序和搜索(sort()函數(shù))
- JavaScript手寫數(shù)組的常用函數(shù)總結(jié)
相關(guān)文章
修改layui的后臺模板的左側(cè)導(dǎo)航欄可以伸縮的方法
今天小編就為大家分享一篇修改layui的后臺模板的左側(cè)導(dǎo)航欄可以伸縮的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09prototype與jquery下Ajax實現(xiàn)的差別
Ajax技術(shù)在web中應(yīng)用的相當(dāng)廣泛,最近項目需要用到Ajax,由于主站所用的是Jquey,而某個欄目的開發(fā)用的是prototype,這樣一來就必須對JS代碼做調(diào)整了。2009-09-09Javascript打印網(wǎng)頁部分內(nèi)容的腳本
有時候我們只需要打印部分內(nèi)容,因為現(xiàn)在的頁面中廣告和一些相關(guān)內(nèi)容很多,所有用下面的方法,就可以了2008-11-11javascript實現(xiàn)時間格式輸出FormatDate函數(shù)
這篇文章主要介紹了javascript實現(xiàn)時間格式輸出FormatDate函數(shù),可實現(xiàn)fmt標(biāo)簽一樣對日期時間型內(nèi)容格式輸入的功能,是非常實用的技巧,需要的朋友可以參考下2015-01-01JavaScript 實現(xiàn)鼠標(biāo)拖動元素實例代碼
這篇文章主要介紹了JavaScript 實現(xiàn)鼠標(biāo)拖動元素實例代碼,需要的朋友可以參考下2014-02-02