首頁 > web前端 > js教程 > 基於JavaScript自訂建構函數的詳解說明_基礎知識

基於JavaScript自訂建構函數的詳解說明_基礎知識

WBOY
發布: 2016-05-16 17:35:31
原創
971 人瀏覽過

Javascript並不像Java、C#等語言那樣支援真正的類別。但是在js中可以定義偽類。做到這一點的工具就是建構函數和原型物件。首先介紹js中的建構子。

Javascript中建立物件的語法是在new運算子的後面跟著一個函數的呼叫。如

複製代碼 代碼如下:

 var obj = new Object();
var date = new Date();

運算符new首先創建一個新的沒有任何屬性的對象,然後調用該函數,把新的對像作為this關鍵字的值傳遞。
var date = new Date()的偽代碼的實作就是

var obj = {};

var date = Date.call(obj);

建構函式的作用就是初始化一個新建立的對象,並在使用對象前設定對象的屬性。如果定義自己的建構函數,只需要寫一個為this新增屬性的函數就可以了。下面的程式碼定義了一個建構子:

複製程式碼 程式碼如下:

 function Recgle( w, h)
 {
     this.width = w;
     this.height = h;
 }

然後調用運算子建立物件的實例

var rect = new Rectange(4,8);

建構子的回傳值

Javascript中的建構子通常沒有回傳值。但是,函數是允許有返回值的。如果一個建構函數有一個回傳值,則傳回的物件成為new表達式的值。在此情況下,作為this的對象將會被拋棄。

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