首頁 > web前端 > js教程 > Javascript學習筆記之 函數篇(一) : 函數宣告與函數表達式_基礎知識

Javascript學習筆記之 函數篇(一) : 函數宣告與函數表達式_基礎知識

WBOY
發布: 2016-05-16 16:43:18
原創
1342 人瀏覽過

函數宣告

function foo() {}
登入後複製

函數 foo 將會在整個程式執行前被 hoist (提升),因此它在定義 foo 函數的整個 scope (作用域)中都是可用的。即使在函數定義之前呼叫它也沒問題。

foo(); // Works because foo was created before this code runs
function foo() {}
登入後複製

因為我打算專門寫篇介紹作用域的文章,所以這裡就不詳述了。

函數表達式

對於函數聲明,函數的名稱是必須的,而對於函數表達式而言則是可選的,因此,就出現了匿名函數表達式和命名函數表達式。如下:

函數宣告: function functionName (){  }
函數宣告: function functionName[可選](){  }
那我就知道,如果沒有函數名的話,一定就是函數表達式,但是有函數名的情況該如何判斷呢?
Javascript 規定如果整個函數體是作為表達式的一部分時,那麼它就是函數表達式,否則就是函數宣告。以下為表達式:

var fuc = foo(){}
登入後複製

我們再舉幾個極端的表達式範例:

!function foo(){}
true && function foo(){}
登入後複製

以上的語句這裡只是為了區分函數表達式,一般不會這樣寫。那麼用一個對比的例子來看效果:

foo1();//foo1 is not defined 
foo2();//works because foo2 was created before this code runs
!function foo1() {
  alert('foo1 works');
};
function foo2() {
  alert('foo2 works');
};
登入後複製

匿名函數表達式

var foo = function() {};
登入後複製

上面的例子將一個匿名函數賦值給了變數 foo。

foo; // 'undefined'
foo(); // this raises a TypeError
var foo = function() {};
登入後複製

由於 var 是一個宣告所以這裡對變數 foo 進行 hoist (提升),因此當程式執行時,變數 foo 是可呼叫的。
但由於賦值語句只有在執行時才會生效,所以變數 foo 的值為 undefined。

命名函數表達式

另一個要講到的就是命名函數的賦值。

var foo = function bar() {
  bar(); // Works
};
bar(); // ReferenceError
登入後複製

在這裡,命名函數 bar 賦值給了變數 foo,所以在函數宣告外是不可見的,但在 bar 函數內部仍然可以呼叫。這是因為 Javascript 對命名函數處理的機制,函數的名稱永遠在函數內部的作用域中有效。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板