本文實例講述了JavaScript對象封裝的簡單實現方法。分享給大家供大家參考,具體如下:
Javascript在HTML中變得越來越強大,富客戶端,HTML5中的WebGL等。但是我們書寫Javascript的時候往往很隨意,使用對象的封裝是極好的。這里介紹Javascipt三種創建對象的方法。
1. 使用關鍵字new創建對象
function Person(name, age) { this.name = name; this.age = age;}var p = new Person(); // 也可填充初始化屬性,如new Person("lingceng", 22)2. 使用Object直接創建對象
可以看出,這種方法擴展很方便。
var obj = new Object(); // 這里也可寫成 var = {};obj.name = "lingceng";obj.age = 22;3. 使用JSON創建(對象字面量的說法更準確,但JSON更好理解)
從Javascript1.2開始,創建對象有了更快捷的方式。
var p = { name: "lingceng", // "name":"lingceng這樣加引號解析方式相同 gender: "male"};實踐方式
結合構造函數和原型模式創建對象的方式很適合實踐。
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更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript切換特效與技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答