欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript對象封裝的簡單實現(xiàn)方法(3種方法)

 更新時間：2017年01月03日 11:27:20   作者：lingceng  
這篇文章主要介紹了JavaScript對象封裝的簡單實現(xiàn)方法,結(jié)合實例形式分析了3種簡單實現(xiàn)方法與相關(guān)注意事項,需要的朋友可以參考下

本文實例講述了JavaScript對象封裝的簡單實現(xiàn)方法。分享給大家供大家參考，具體如下：

Javascript在HTML中變得越來越強大，富客戶端，HTML5中的WebGL等。但是我們書寫Javascript的時候往往很隨意，使用對象的封裝是極好的。這里介紹Javascipt三種創(chuàng)建對象的方法。

1. 使用關(guān)鍵字new創(chuàng)建對象

function Person(name, age) {
 this.name = name;
 this.age = age;
}
var p = new Person();  // 也可填充初始化屬性，如new Person("lingceng", 22)

2. 使用Object直接創(chuàng)建對象

可以看出，這種方法擴展很方便。

var obj = new Object(); // 這里也可寫成 var = {};
obj.name = "lingceng";
obj.age = 22;

3. 使用JSON創(chuàng)建（對象字面量的說法更準確，但JSON更好理解）

從Javascript1.2開始，創(chuàng)建對象有了更快捷的方式。

var p = {
 name: "lingceng", // "name":"lingceng這樣加引號解析方式相同
 gender: "male"
};

實踐方式

結(jié)合構(gòu)造函數(shù)和原型模式創(chuàng)建對象的方式很適合實踐。

function Person(name,age)
｛
  // 實例屬性
  // 實例時多份拷貝
  this.name=name;
  this.age=age;
}
Person.prototype={
  // 因為原型被替換，所以需要恢復construtor的默認指向
  constructor: Person,
  showName:function(){
    alert("ShowName in prototype:"+this.name);
  },
  showAge:function(){
    alert(this.age);
  }
}
var p = new Person("lingceng", 22);
p.showAge(); // 22

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

最新評論