本篇文章為大家展示了javascript中怎么通過面向對象創(chuàng)建對象,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
成都創(chuàng)新互聯是一家專業(yè)從事成都網站制作、網站建設的網絡公司。作為專業(yè)網站制作公司,成都創(chuàng)新互聯依托的技術實力、以及多年的網站運營經驗,為您提供專業(yè)的成都網站建設、成都全網營銷及網站設計開發(fā)服務!方式一:通過內置Object對象的方式創(chuàng)建 然后通過點語法,動態(tài)給對象創(chuàng)建屬性,方法
var o1 = new Object(); o1.name = 'Tom'; o1.sing = function() { console.log('I am singing'); }
方式二:通過字面量json形式創(chuàng)建對象
var o2 = { "name":"jackson", "age":"10", "say":function(){ console.log("say hi"); }; };
方式三:通過構造函數創(chuàng)建
var o3 = function() { this.name = "Lucy", this.age = "10", this.say = function() { console.log("say hello"); } }
方式四:通過原型創(chuàng)建
var o4 = function() {} o4.prototype = { "name":"Taylor", "age":10, "say":function(){ console.log("say h2"); } }
方式五:通過原型和構造函數混合的形式創(chuàng)建(推薦使用這種,原因:盡量將方法定義為原型方法,原型方法避免了每次調用構造函數時對屬性或方法的構造,節(jié)省空間,創(chuàng)建對象快)
var o5 = function() { this.name = 'James'; this.age = 10; } o5.prototype = { "say":function() { console.log("say hi"); } }
方式六:拷貝模式創(chuàng)建對象
// 先要有一個拷貝模塊 function extend(target,source){ for(var k in source){ target[k] = source[k]; } return target; }; var o6 = { "name":"o6", "age":10 } var o7 = { "say":function() { console.log('say hi'); } } // o6拷貝o7的方法,然后構建成一個新的對象 var o8 = extend(o6,o7); o8.say(); // say hi
上述內容就是javascript中怎么通過面向對象創(chuàng)建對象,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道。