首頁 > web前端 > js教程 > 主體

javascript常用程式設計知識_基礎知識

WBOY
發布: 2016-05-16 17:37:55
原創
1028 人瀏覽過

1.null 與 undefined

* 從一個物件中取得某個屬性,如果該物件及其 prototype 鏈 中的物件都沒有該屬性的時候,該屬性的值為 undefined 。
* 一個 function 如果沒有明確的透過 return 來傳回值給其呼叫者的話,其回傳值就是 undefined 。有一個特例就是在使用new的時候。
* JavaScript 中的 function 可以宣告任意個形式參數,當該 function 實際被呼叫的時候,傳入的參數的個數如果小於宣告的形式參數,那麼多餘的形式參數的值為 undefined 。
* null為空對象,注意與空的對象({})的區別。
簡單來說,對於所有變量,只要聲明後還沒有指定初始值 ,那麼他就是undefined,如果是Object類型用來表示空引用的概念,那麼就是用null來表示。

2.if 表達式

* Null總是為假(false)
* Undefined總是為假(false)
* Number 0,-0 或是NaN 的時候為假,其它值為真
* String空字串的時候為假,其它值為真
* Object總是為真(true)

3.Array

JavaScript 中的陣列(Array)和通常的程式語言,如 Java 或是 C/C 中的有很大不同。在 JavaScript 中的物件就是一個無序的關聯數組,而 Array 正是利用 JavaScript 中物件的這種特性來實現的。在 JavaScript 中,Array 其實就是一個對象,只不過它的屬性名稱是整數,另外還有許多額外的屬性(如 length)和方法(如 splice)等方便地操作數組。

4.new 運算子

JavaScript 中並沒有 Java 中的類別(class)的概念,而是採用構造器(constructor)的方式來建立物件。在 new 表達式中使用建構器就可以建立新的物件。由建構器建立出來的物件有一個隱含的參考指向該建構器的 prototype 。


5.prototype

prototype是javascript原型繼承的核心概念,大家一定在某個javascript類別庫裡面看過 Array.prototype.push.call()這樣的用法,所以歸根結底prototype是一個物件。我們可以透過 prototype為native class添加一些有用的方法,也可以透過prototype實作繼承。如果對prototype比較有興趣,可以在ff裡面透過__proto__來訪 問指定物件的原型鏈。

6.scope chain

執行上下文(execution context)是 ECMAScript 規範中用來描述 JavaScript 程式碼執行的抽象概念。所有的 JavaScript 程式碼都是在某個執行上下文中執行的。在目前執行上下文中呼叫 function 的時候,會進入一個新的執行上下文。當該 function 呼叫結束的時候,會回到原來的執行上下文。如果 function 呼叫過程中拋出異常,並沒有被捕獲的話,有可能從多個執行上下文中退出。在 function 呼叫過程,也可能呼叫其它的 function,從而進入新的執行上下文。由此形成一個執行上下文堆疊。

註:如果對scope chain比較有興趣,可以在ff裡面透過__parent__屬性來存取函數的scope chain,比較遺憾的是ff的js引擎SpiderMonkey對這個屬性的支援不是很完美,出現內部函數的時候會出錯,所以建議用Rhino (http://developer.mozilla.org/en/docs/Rhino)。

註:這裡需要提的是注意函數表達式和函數宣告對scope chain的影響。

7.closure

閉包也算是js比較常用的特色功能了,一般我們在java裡面執行完畢的一個函數,內部變數將全​​部被回收,但在javascript中,我們可以透過某些方法,使執行完的函數的內部變數依然存在,並且可訪問,這樣就構成了一個閉包。

當然,什麼東西都有兩面性,閉包給我們帶來好處的時候,也會帶來不少的麻煩,比如一個不留神就產生了內存的洩漏,所以我們需要合理的應用這些技術。如果要 深入學習閉包,建議去看幾個js library(prototype,jquery,mootools),裡面有一些很經典的閉包應用,比如bind方法等,這裡就不多贅述。

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