基于JavaScript自定義構(gòu)造函數(shù)的詳解說明

更新時間：2013年04月24日 15:27:48 作者：

本篇文章小編為大家介紹，基于JavaScript自定義構(gòu)造函數(shù)的詳解說明。需要的朋友參考下

Javascript并不像Java、C#等語言那樣支持真正的類。但是在js中可以定義偽類。做到這一點(diǎn)的工具就是構(gòu)造函數(shù)和原型對象。首先介紹js中的構(gòu)造函數(shù)。

Javascript中創(chuàng)建對象的語法是在new運(yùn)算符的后面跟著一個函數(shù)的調(diào)用。如

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

運(yùn)算符new首先創(chuàng)建一個新的沒有任何屬性的對象，然后調(diào)用該函數(shù)，把新的對象作為this關(guān)鍵字的值傳遞。
var date = new Date()的偽代碼的實(shí)現(xiàn)就是

var obj = {};

var date = Date.call(obj);

構(gòu)造函數(shù)的作用就是初始化一個新創(chuàng)建的對象，并在使用對象前設(shè)置對象的屬性。如果定義自己的構(gòu)造函數(shù)，只需要編寫一個為this添加屬性的函數(shù)就可以了。下面的代碼定義了一個構(gòu)造函數(shù)：

復(fù)制代碼代碼如下:

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

然后，可以使用new運(yùn)算符調(diào)用這個函數(shù)來創(chuàng)建對象的實(shí)例

var rect = new Rectange(4,8);

構(gòu)造函數(shù)的返回值

Javascript中的構(gòu)造函數(shù)通常沒有返回值。但是，函數(shù)是允許有返回值的。如果一個構(gòu)造函數(shù)有一個返回值，則返回的對象成為new表達(dá)式的值。在此情況下，作為this的對象將會被拋棄。

您可能感興趣的文章:

相關(guān)文章

Javascript學(xué)習(xí)筆記4 Eval函數(shù)
在初學(xué)JS的時候就知道這個函數(shù)，卻一直沒有了解過他的用途，也一直都是睜一只眼閉一只眼，這次來深入地了解一下這個函數(shù)的作用。
2010-01-01
Javascript基礎(chǔ)教程之if條件語句
這篇文章主要介紹了Javascript基礎(chǔ)教程之if條件語句,需要的朋友可以參考下
2015-01-01
JavaScript顯式數(shù)據(jù)類型轉(zhuǎn)換詳解
這篇文章主要介紹了JavaScript顯式數(shù)據(jù)類型轉(zhuǎn)換，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
ArrayList類（增強(qiáng)版）
ArrayList類（增強(qiáng)版）...
2007-04-04
在JavaScript中typeof的用途介紹
本篇文章，小編為大家介紹，在JavaScript中typeof的用途介紹。不過在閱讀本文的前提是，你現(xiàn)在應(yīng)該已經(jīng)知道原始值和對象值的區(qū)別了
2013-04-04
JavaScript 變量基礎(chǔ)知識
2009-11-11
你了解JavaScript的js運(yùn)行三部曲嗎
這篇文章主要為大家詳細(xì)介紹了JavaScript的js運(yùn)行三部曲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-02-02
JavaScript高級程序設(shè)計（第3版）學(xué)習(xí)筆記概述
在JavaScript面世之初，沒有人會想到它會被應(yīng)用的如此廣泛，也遠(yuǎn)比一般人想象中的要復(fù)雜強(qiáng)大的多，在我自己學(xué)習(xí)的過程中，曾經(jīng)有過多次震撼
2012-10-10
Javascript學(xué)習(xí)筆記二之變量
上面描述了數(shù)據(jù)類型,學(xué)習(xí)完數(shù)據(jù)類型就不得不提到變量。
2010-12-12
淺談javascript中的加減時間
下面小編就為大家?guī)硪黄獪\談javascript中的加減時間。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07