首頁 > web前端 > js教程 > javascript 建構函式方式定義物件_基礎知識

javascript 建構函式方式定義物件_基礎知識

WBOY
發布: 2016-05-16 16:22:38
原創
1554 人瀏覽過

javascript是動態語言,可以在運行時為物件新增屬性,也可以為物件刪除(delete)屬性

複製程式碼 程式碼如下:




        



屬性名稱:方法名稱  也是可以的.因為函數本身就是個物件

javascript 陣列排序

複製程式碼 程式碼如下:





        



javascript中定義物件的幾種方式(javascript中沒有類別的概念,只有物件 )

第一種方式: 基於已有物件擴充其屬性與方法

複製程式碼 程式碼如下:


這種方法具有局限性,因為javascript不像java那樣具有類的概念,寫一個類,之後new就可以得到一個具有了這些屬性、方法的對象了。

這時如果要擁有object2就只能把上面來的程式碼再寫一份,這是不太好的。

第二種方式: 工廠方式

           類似java靜態的工廠方法。

複製程式碼 程式碼如下:





        



上面這種方式創建物件有弊端(每個物件都有一個get方法,從而浪費了記憶體),改進後的工廠方式( 所有物件共享一個get方法):

複製程式碼 程式碼如下:





        



第三種方式: 建構函式方式 定義物件

複製程式碼 程式碼如下:





        



第四種方式: 原型(Prototype)方式建立物件

prototype是object物件中的屬性,所有person物件也可以擁有prototype這個屬性。

可以為物件的原型增加一些屬性,方法。

單純的使用原型方式建立物件的缺點:①無法傳輸參數,只能在物件建立後再改變它的值

                                  🎜>

複製程式碼 程式碼如下:





函數 Person(){
}
Person.prototype.username="zhangsan";
Person.prototype.password="123";
Person.prototype.getInfo=function(){
    alert(this.使用者名稱 " , " this.密碼);
}
var person1=new Person();
var person2=new Person();
person1.username="lisi";
person1.getInfo();
person2.getInfo();
腳本>
頭>        

身體>

複製程式碼程式碼如下:





函數 Person(){
}
Person.prototype.username=new Array();
Person.prototype.password="123";
Person.prototype.getInfo=function(){
    alert(this.使用者名稱 " , " this.密碼);
}
var person1=new Person();
var person2=new Person();
person1.username.push("wanglaowu");
person1.username.push("wanglaowu2");
person2.password="456";
person1.getInfo    ();
person2.getInfo();
腳本>
頭>        

身體>

簡單使用原型方式定義物件無法再建構函式中為屬性賦初值,只能在物件產生之後改變屬性值。

第五種方式:使用原型建構函式方式定義物件----建議使用

物件之間的屬性互不干擾
各個物件之間共用同一個方法

複製程式碼程式碼如下:





//使用原型建構函式方式定義物件
函數 Person(){
    // 屬性定義在建構子中
    this.username=new Array();
    this.password="123";
}
    // 方法定義在原型中
Person.prototype.getInfo=function(){
    alert(this.使用者名稱 " , " this.密碼);
}
var p1=new Person();
var p2=new Person();
p1.username.push("zhangsan");
p2.username.push("lisi");
p1.getInfo();
p2.getInfo();
腳本>
頭>        

身體>

第六種方式:動態原型方式----建議使用

         在建構函數中讓所有物件共用一個方法,而每個物件都擁有自己的屬性。

複製程式碼程式碼如下:





var Person=函數(使用者名稱,密碼){
    this.username=使用者名稱;
    this.password=密碼;
    if(typeof Person.flag=="未定義"){
        警報(「呼叫」);
        Person.prototype.getInfo=function(){
            alert(this.使用者名稱 " , " this.密碼);
        }
        Person.flag=true;   
    }
}
var p1=new Person("zhangsan","123");
var p2=new Person("lisi","456");
p1.getInfo();
p2.getInfo();
腳本>
頭>        

身體>

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