本篇文章為大家展示了javascript中怎么通過面向對象創建對象,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
方式一:通過內置Object對象的方式創建 然后通過點語法,動態給對象創建屬性,方法
var o1 = new Object(); o1.name = 'Tom'; o1.sing = function() { console.log('I am singing'); }
方式二:通過字面量json形式創建對象
var o2 = { "name":"jackson", "age":"10", "say":function(){ console.log("say hi"); }; };
方式三:通過構造函數創建
var o3 = function() { this.name = "Lucy", this.age = "10", this.say = function() { console.log("say hello"); } }
方式四:通過原型創建
var o4 = function() {} o4.prototype = { "name":"Taylor", "age":10, "say":function(){ console.log("say h2"); } }
方式五:通過原型和構造函數混合的形式創建(推薦使用這種,原因:盡量將方法定義為原型方法,原型方法避免了每次調用構造函數時對屬性或方法的構造,節省空間,創建對象快)
var o5 = function() { this.name = 'James'; this.age = 10; } o5.prototype = { "say":function() { console.log("say hi"); } }
方式六:拷貝模式創建對象
// 先要有一個拷貝模塊 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中怎么通過面向對象創建對象,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。