原型：Prototype · JavaScript學習記錄

### 原型：Prototype - 原型是什么 - 原型是 `class`，修改它可以影響一類元素 - 在已有對象中加入自己的屬性、方法 - 為所有 `Array` 添加 `Sum` 方法：`Array.prototype.sum = function () {} ` - 給對象添加方法，類似于行間樣式 - **給原型添加方法，類似于 `class`** - 原型的小缺陷 - 無法限制覆蓋 - 類和對象的區別 - 類：生產對象的模板 `Array` - `var arr = new Array()` - 對象：產品 `arr` - 總結：**用構造函數加屬性，用原型加方法，叫做混合方式構造對象** - 代碼： ```HTML <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>面對對象基礎</title> <style> </style> <script> // 工廠方式 function CreatePerson(name, qq) { var obj = new Object(); obj.name = name; obj.qq = qq; obj.showName = function () { console.log('名字：', this.name); } obj.showQQ = function () { console.log('QQ：', this.qq) } return obj; } var person = CreatePerson('zhangsan','212345678'); person.showName(); person.showQQ(); // 使用原型 function CreatePerson2(name, qq) { this.name = name; this.qq = qq; } CreatePerson2.prototype.showName2 = function () { console.log('名字：', this.name); } CreatePerson2.prototype.showQQ2 = function () { console.log('QQ：', this.qq) } var people = new CreatePerson2('asdf','535'); people.showName2(); people.showQQ2(); </script> </head> <body> </body> </html> ```