### 構造方法創建對象
```
function Person(name, age){
this.name = name;
this.age = age;
this.sayName = function(){
alert(this.name);
};
}
var person1 = new Person("Nicholas", 29);
var person2 = new Person("Greg", 27);
```
### 問題 ?
```
每個方法都要在每個實例上重新創建一遍
```
### 構造函數執行過程
```
1. 創建一個對象,我們把這個對象稱為Person構造方法的實例, _person1
2. 創建一個內部對象,this,將this指向實例_person1
3. 執行函數內部的代碼,其中,操作this的部分就是操作了該實例
4. 返回值
a. 如果函數沒有返回值,那么就會返回構造函數的實例爬person1
b. 如果函數返回一個基本數據類型的值,那么本次構造函數的返回值就是該實例_person1
c. 如果函數返回一個復雜數據類型的值,那么本次函數的返回值就是該值
```
~~~
function Person1(name, age) {
this.name = name;
this.age = age;
}
var p1 = new Person1("sn", 11);
console.log(p1)
function Person2(name, age) {
this.name = name;
this.age = age;
return "abc";
}
var p2 = new Person2("sn", 11);
console.log(p2)
function Person3(name, age) {
this.name = name;
this.age = age;
return [1,2,3];
}
var p3 = new Person3("sn", 11);
console.log(p3);
~~~
輸出
```
Object { name: "sn", age: 11 }
Object { name: "sn", age: 11 }
Array(3) [ 1, 2, 3 ]
```
- 語言
- Javascript
- 簡介
- 常量變量
- var
- let
- const
- 解構賦值
- 數據類型
- 簡單數據類型
- Undefined
- Null
- Boolean
- Number
- String
- 引用數據類型
- Object
- Array
- Json
- 閉包
- 閉包中的變量
- 函數
- 函數參數
- arguments
- rest
- 傳值方式
- 調用方式
- 函數調用
- 方法調用
- 構造函數
- 上下文
- 箭頭函數
- 異步
- promise
- async/await
- 面向對象
- 簡介
- 構造函數
- 創建對象
- 工廠模式
- 構造函數模式
- 原型模式
- 構造函數/原型組合模式
- 繼承
- 什么是繼承
- 怎么繼承
- 原型鏈繼承
- 拷貝繼承
- 原型式繼承
- 借用構造函數
- 對象擴展
- Object.assign
- 類
- 定義
- 類的繼承
- 模塊
- 定義模塊
- 導入模塊
- 簡介
- 垃圾回收
- Typescript
- 簡介
- 搭建環境
- 數據類型
- boolean
- number
- string
- array
- enum
- any
- void
- 類型推測
- 聯合類型
- 類
- 定義
- 繼承
- 封裝
- static
- 函數
- 定義
- 參數
- 接口
- 屬性類型接口
- 函數類型接口
- 數組類型接口
- 類類型接口
- 泛型
- 泛型函數
- 泛型類
- 模塊
- 定義
- Node.js
- 簡介
- IO優勢
- Node與V8
- 內部機制
- 多線程
- 并發支持
- libuv
- 創建項目
- 安裝Node
- 創建項目
- 全局對象
- console
- path
- process
- I/O
- 系統信息
- 命令行
- Buffer
- 模塊
- 創建模塊
- 導入模塊
- 系統模塊
- fs
- stat
- fstat
- 讀
- 寫
- http
- 服務端
- 客戶端
- stream
- 4種基本類型
- event
- 事件監聽
- 繼承
- child_process
- spawn
- fork
- path
- url
- 三方模塊
- socket.io
- 安裝
- 例子
- server
- client
- redis
- 安裝
- 編碼
- 數據類型
- 鍵值對
- 散列表
- 列表
- 集合
- 發布訂閱
- mongodb
- express
- mssql
- pm2
- qrcode
- ua-parse-js
- cpr
- js-cookie
- whatwg-fetch
- ora
- shelljs
- log4js
- Dart
- 框架
- Vue
- 簡介
- 基礎
- 聲明式渲染
- Vue實例
- 模板語法
- 插值
- 文本
- 原始Html
- 特性
- js表達式
- 指令