函數定義表達式
以表達式方式定義的函數,函數的名稱是可選的
var functionName = function([arg1 [,arg2 [...,argn]]]){ statement; } var functionName = function funcName([arg1 [,arg2 [...,argn]]]){ statement; }
匿名函數(anonymous function)也叫拉姆達函數,是function關鍵字後面沒有識別符的函數
通常而言,以表達式方式定義函數時都不需要名稱,這會讓定義它們的程式碼更加緊湊。函數定義表達式特別適合用來定義那些只會使用一次的函數
var tensquared = (function(x) {return x*x;}(10));
而一個函數定義表達式包含名稱,函數的局部作用域將會包含一個綁定到函數物件的名稱。實際上,函數的名稱將成為函數內部的一個局部變數
var test = function fn(){ return fn; } console.log(test);//fn(){return fn;} console.log(test());//fn(){return fn;} console.log(test()());//fn(){return fn;}
對於具名的函數表達式來說,函數名稱相當於函數物件的形參,只能在函數內部使用;而變數名稱相當於函數物件的實參,在函數內部和函數外部都可以使用
var test = function fn(){ return fn === test; } console.log(test());//true console.log(test === fn);//ReferenceError: fn is not defined
函數定義了一個非標準的name屬性,透過這個屬性可以存取到給定函數指定的名字,這個屬性的值永遠等於跟在function關鍵字後面的標識符,匿名函數的name屬性為空
//IE11-浏览器无效,均输出undefined //chrome在处理匿名函数的name属性时有问题,会显示函数表达式的名字 function fn(){}; console.log(fn.name);//'fn' var fn = function(){}; console.log(fn.name);//'',在chrome浏览器中会显示'fn' var fn = function abc(){}; console.log(fn.name);//'abc'
Function建構子
Function建構子接收任意數量的參數,但最後一個參數始終都被看成是函數體,而前面的參數則枚舉出了新函數的參數
var functionName = new Function(['arg1' [,'arg2' [...,'argn']]],'statement;');
[注意]Function構造函數無法指定函數名稱,它創建的是一個匿名函數
從技術上講,這是一個函數表達式。但,不建議使用,因為這種語法會導致解析兩次程式碼。第一次是解析常規javascript程式碼,第二次解析傳入建構函數中的字串,影響效能
var sum = new Function('num1','num2','return num1 + num2'); //等价于 var sum = function(num1,num2){ return num1+num2; }
Function()建構函式所建立的函數,其函數體的編譯總是會在全局作用域中執行。於是,Function()建構子類似於在全域作用域中執行的eval()
var test = 0; function fn(){ var test = 1; return new Function('return test'); } console.log(fn()());//0
[注意]並不是所有的函數都可以成為建構子
var o = new Math.min();//Uncaught TypeError: Math.min is not a constructor
以上是javascript基礎教程之表達式與建構函式詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!