## es6新特性
```
1.箭頭函數
function (參數){
}
(參數)=>{}
如果,有且僅有1個參數,()也可以省
如果,有且僅有1條語句-return,{}可以省
修復this
```
### 箭頭函數和普通函數有些哪些?
```
1. 函數體內的this對象,就是定義時所在的對象,而不是使用時所在的對象
2. 不可以當構造函數,也就是說不可以new, 否則會拋出異常
3. 不可以使用arguments對象,該對象的函數內不存在,如果要用,用rest參數代替
4. 不可以使用yield命令,因此箭頭函數不能用作Generator函數(generator函數用asyn代替)
```
```
<script>
var p={
age:18,
//es6中對象方法的箭頭函數表示形式
run:()=>{
setTimeout(()=>{
//this:window
console.log(this);//this是window
},100)
},
travel:function(){
//this:p
setTimeout(()=>{
console.log(this);//this是p
},100)
},
//推薦使用的方式☆☆☆:es6中對象方法的簡寫形式
say(){
console.log("say方法中的this:",this);
setTimeout(()=>{
console.log("say內部的延遲函數:",this);//this是p
},100)
},
}
p.run();
p.travel();
p.say();
</script>
```
- 語言
- 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表達式
- 指令