Es6
本章內容：
箭頭函數
箭頭函數中this的指向
數組的新方法
模板字符串
三點運算符
結構賦值
具體內容：
箭頭函數的聲明：
Es6允許使用箭頭函數（=>）定義

箭頭函數 上面是箭頭函數的語法和例子 箭頭函數的作用：簡化斷碼，使用方便 關于箭頭函數中this的指向： 普通函數中的this： This總是表示他的直接調用者（js的this是執行上下文）例如:obj.func，那么func中的this值得就是obj 在默認情況下（非嚴格模式下，未使用‘user starict’），沒找到直接調用者，則this指的是window（約定俗成） 在嚴格模式下，沒有直接調用者的函數中的this，是undefined 使用call，apply，bind（es5新增）綁定的，this指的是綁定的對象 //如果說使用箭頭函數傳入對象的話，也就是json的格式 var p =name =>({name:"楊過a",age:18}) console.log(p("a")) //聲明一個對象 function Person(name,age) {this.name = name;this.age = age; } let v = new Person("wyh",30); p.say = function () {console.log(this.name+"==="+this.age); }p.say(); console.log(v)

我們在來寫個例子看一下我們所說的哪兩種情況

this 我們使用綁定的形式可以解決這個問題

這樣我們在控制臺就可以看到不在是undefined的找不到了
箭頭函數中的this：
在箭頭函數中，沒有自己的this，他的this是繼承而來的；默認的指向在定義他時的對象（宿主對象），而不是執行時的對象，定義他的時候，可能環境時window；箭頭函數可以方便的讓我們在setTimeout，setInterval中方便的使用this
箭頭函數中this指向的固定化，并不是因為箭頭函數的內部有this綁定機制，實際原因是箭頭函數根本沒有自己的this，導致內部的this就是外層代碼塊的this
那我們可以改變一下我們的代碼看看

數組的新方法：
Map 映射
Reduce 匯總
Filter 過濾器
forEach 循環（迭代）
Some() 一個為true就會返回true
every() 必須所有都為true才會返回true

array 模板字符串和字符串中新增的方法： StartsWith 以什么什么開始 endsWith 以什么什么結束 string 函數的參數三點運算符號： dot 解構賦值： jgfz 注意： 1. 左右兩邊結構必須一樣 2. 右邊必須有值 3. 聲明和賦值不能分開

總結

以上是生活随笔為你收集整理的ES6箭头函数和模板字符串的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。