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

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();
腳本>
頭>        

身體>