8-31-總結

• • 一、ES6 官方名稱ES2015
  • • • let const 和 var 的區別
      • var 可以進行預解析，必須要先定義再使用
      • let 聲明變量的
      • const 聲明常量的
  • 二、箭頭函數
  • • 含義：
    • • 官方解釋：箭頭函數里面的this是上下文（content），外部作用域的this就是箭頭函數的this
      • 個人理解：箭頭函數this就是，看一下箭頭函數寫下哪一行，上一行的this就是箭頭函數的this
      • 箭頭函數的語法格式： ()=>{}
      • 箭頭函數的特征
  • 三、函數參數的默認值
  • • • 作用：給函數的形參設置一個默認值
  • 四、模板字符串
  • • • 模板字符串就是使用反引號包圍的字符串
  • 五、... 點點點運算符
  • 六、其他
  • • • call apply bind的作用和區別

一、ES6 官方名稱ES2015

• 在語法層面做了一些更新,有一些工具可以將es6的代碼轉換為es5
• 新增了兩個定義變量的關鍵字

let const 和 var 的區別

var 可以進行預解析，必須要先定義再使用

• var 可以重復聲明，let const 不能重復聲明
• var沒有塊級作用域，let和const有塊級作用域

• 塊級作用域 被代碼塊限制變量的使用
• var 只用函數私有作用域可以限制它的使用范圍，let和const只要是書寫代碼斷的{}都可以限制它的使用范圍
• es5 中 全局作用域 函數作用域

let 聲明變量的

• 不會進行預解析
• 不能重復聲明
• 塊級作用域
• 不存在變量提升
• 不影響作用域鏈

const 聲明常量的

• 不會進行預解析
• 常量在聲明的時候一定要賦初始值，否則就會報錯
• 常量是不可改變的（不能修改）
• 塊級作用域
• 常量命名的時候要大寫
• 當給常量賦值為一個復雜數據類型的時候，對復雜數據類型里的成員進行修改時，不算是對常量的修改

二、箭頭函數

含義：

官方解釋：箭頭函數里面的this是上下文（content），外部作用域的this就是箭頭函數的this

個人理解：箭頭函數this就是，看一下箭頭函數寫下哪一行，上一行的this就是箭頭函數的this

一個新的定義函數的方式，其實就對函數表達式的簡寫方式（匿名函數）

箭頭函數的語法格式： ()=>{}

() : 設置形參的地方
=> : 箭頭函數的標志
{} : 代碼斷

箭頭函數的特征

• 當只有一個形參時，小括號可以省略
• 一句代碼執行語句的時候可以省略大括號（花括號），并且自動return返回那一句語句的結果
• 箭頭函數里面沒有arguments（arguments：用來接收用戶傳入的實參，他是一個偽數組）
• 箭頭函數里面沒有this
• 箭頭函數內的this，任何方法都改變不了，因為箭頭函數內沒有自己的this，它使用的是外部作用域的this

• call apply bind 不能改變箭頭函數內的this指向

三、函數參數的默認值

作用：給函數的形參設置一個默認值

當我傳入了實參的時候，就是用實參，如果沒有傳遞實參，就使用形參的默認值
如果形參沒有設置默認值，就返回undefined

• 箭頭函數可以給形參設置默認值

如果箭頭的形參設置了默認值，不管有多少個形參，箭頭函數的小括號都是不能省略的

四、模板字符串

• js中字符串是使用引號包圍的：單引號 雙引號 反引號 （內單外雙，外雙內單）

模板字符串就是使用反引號包圍的字符串

• 模板字符串可以直接書寫換行

• 使用innerText是換行，使用innerHTML卻是空格

• 模板字符串可以使用變量拼接字符串
• 模板字符串可以調用函數
  例：

let div=document.querySelector('div')let b="666"let a=`撒過得${b}好減肥大賽`// div.innerHTML=a;div.innerText=a;let newFn=function(a,b,c){console.log('-------',a,b,c)}newFn`hello${a}word${b}你好`/* 模版字符串的內容就是函數的參數 newFn`hello${a}word${b}你好`執行步驟：1.使用用${}將字符串切開，得到的子字符串放到一數組里['hello','word','你好'],這個數組作為函數的第一個實參傳入函數2.${a} 里變量a作為函數的第2個實參傳入函數3.${b} 里變量b作為函數的第3個實參傳入函數 */

總結：使用${}將字符串切開，得到的子字符串放到一數組里，作為函數的第一個參數，從左到右依次將每一個${}里的變量作為函數后的參數
作用：將字符串的各部分都給你，你在函數可以自由組合

五、… 點點點運算符

• 展開運算符

• 當在函數的實參的位置或數組對象的前面使用時候是執行展開
  作用：將包裹的內容全部打開

• 合并運算符

• 在函數的形參位置使用...運算符的時候，是執行和合并的操作
• 箭頭函數沒有arguments，我們可以自己整一個，接收用戶傳入的實參

---

六、其他

call apply bind的作用和區別

• call：綁定this 直接調用函數
• apply: 綁定this指向，直接調用函數，第二個參數必須是數組，以數組的形式給給調用的函數傳參
• bind：綁定this指向 ,不會立即調用函數，而是返回一個綁定了this指向的新的函數

• 函數的內部都有this
• 函數以普通函數的形式調用的時候，this指向window
• 以對象的放法的形式調用的時候，this指向調用它的對象
• 多層this嵌套的時候，內層的this指向window
• 定時器 setTimeout(function(){},ms) setInterval(function(){},ms)
• 定時器里的this指向window
• 事件處理函數里的this指向 事件源，誰綁定了該事件，就指向誰

總結

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

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