js 多種變量定義(對(duì)象直接量,數(shù)組直接量和函數(shù)直接量)
代碼跟下面是一樣的。
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);
- 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)文章
修改layui的后臺(tái)模板的左側(cè)導(dǎo)航欄可以伸縮的方法
今天小編就為大家分享一篇修改layui的后臺(tái)模板的左側(cè)導(dǎo)航欄可以伸縮的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09js前端實(shí)現(xiàn)登錄拼圖驗(yàn)證功能
行為驗(yàn)證碼通過用戶的操作來完成驗(yàn)證,常見的行為驗(yàn)證碼有拖動(dòng)式和點(diǎn)觸式,下面這篇文章主要給大家介紹了關(guān)于js前端實(shí)現(xiàn)登錄拼圖驗(yàn)證功能的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02prototype與jquery下Ajax實(shí)現(xiàn)的差別
Ajax技術(shù)在web中應(yīng)用的相當(dāng)廣泛,最近項(xiàng)目需要用到Ajax,由于主站所用的是Jquey,而某個(gè)欄目的開發(fā)用的是prototype,這樣一來就必須對(duì)JS代碼做調(diào)整了。2009-09-09js控制輸入框獲得和失去焦點(diǎn)時(shí)狀態(tài)顯示的方法
這篇文章主要介紹了js控制輸入框獲得和失去焦點(diǎn)時(shí)狀態(tài)顯示的方法,可實(shí)現(xiàn)判斷輸入框的焦點(diǎn)狀態(tài)設(shè)置不同樣式的功能,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01Javascript打印網(wǎng)頁部分內(nèi)容的腳本
有時(shí)候我們只需要打印部分內(nèi)容,因?yàn)楝F(xiàn)在的頁面中廣告和一些相關(guān)內(nèi)容很多,所有用下面的方法,就可以了2008-11-11javascript實(shí)現(xiàn)時(shí)間格式輸出FormatDate函數(shù)
這篇文章主要介紹了javascript實(shí)現(xiàn)時(shí)間格式輸出FormatDate函數(shù),可實(shí)現(xiàn)fmt標(biāo)簽一樣對(duì)日期時(shí)間型內(nèi)容格式輸入的功能,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01原生JS實(shí)現(xiàn)點(diǎn)擊數(shù)字小游戲
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)點(diǎn)擊數(shù)字小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-04-04JavaScript 實(shí)現(xiàn)鼠標(biāo)拖動(dòng)元素實(shí)例代碼
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)鼠標(biāo)拖動(dòng)元素實(shí)例代碼,需要的朋友可以參考下2014-02-02