es6面試常考點

es6常考點，也不用刻意背題，就是平常開發，你經常用哪些，根面試官將就可以

var let const

// js
var a = 12 // 不管是常量還是變量 都可以定義
a = 13
console.log(a); // 13
// es6
// let  和 const 
let b = 12 // 變量 可以更改
f = 13
console.log(f); // 13

const c = 12 // 常量 唯一值，不可更改
    // c = 13  // 報錯
console.log(c);
//  定義變量更加嚴謹
//  let const 只在塊級作用域中有效
console.log(foo);
let foo = 123 // 報錯： foo is not defined

// let const 也存在變量提升,會報錯，但是不會被初始化,不會被引用

多行字符串/模板變量

結構賦值

塊級作用域

函數默認參數

箭頭函數

promise基本使用

1. new promsie 實例 並且要 return
2. new promsie時，要傳入函數作爲參數，函數有resove，reject兩個參數
   3.成功時 執行resolve() 失敗時執行 reject()
3. 用then來監聽結果

模塊化

export 和 export default 區別

1.export default 用於規定模塊的默認對外接口
2.很顯然默認對外接口只能有一個，所以 export default 在同一個模塊中只能出現一次，export可以出現多次
4.其在 import 方式上也和 export 存在一定區別 ，export 使用 {}
export default 直接導入

class

補充

1. 你說es6的箭頭函數，那麼面試官肯定問你，箭頭函數和普通函數的區別

• 箭頭函數中不綁定this，箭頭函數中的this指向是它所定義的位置，可以簡單理解成，定義箭頭函數中的作用域的this指向誰，它就指向誰
• 箭頭函數的優點在於解決了this執行環境所造成的一些問題。比如：解決了匿名函數this指向的問題（匿名函數的執行環境具有全局性），包括setTimeout和setInterval中使用this所造成的問題
• 箭頭函數中沒有arguments類數組，只能基於…arg獲取傳遞參數的集合數組
• 由於this只是在當前函數內部使用，而且js函數可以多層嵌套，使得我們無法得到最開始的this，這時我們可以用一個變量存儲起來/es6提供的箭頭函數

2. 模板字符串有哪些功能

• 解析變量${}
• 調用函數${fun()}
• 可以換行

3. 剩餘參數

• 剩餘參數語法，允許我們將不定量的參數表示爲數組
  
  ES6 內置對象擴展

1. 擴展運算符
   擴展運算符可以將數組或對象轉化爲逗號分隔的參數序列
   
   用處：合併數組(… ,push)，將類數組(可遍歷對象)(Array.from,[…])轉化爲數組

Array擴展方法：
Array.find()找出第一個符合條件的數組成員，如果沒有找到，但會undefinde

額外補充一道題： 計算當前頁面有多少個不重複的標籤
1：首先獲取頁面的所有標籤
let arr = document.getElementsByTagName(’*’)
2:TagName得到的是僞數組，需要將其變爲數組 […arr]
3:接下來進行數組的去重 new Set(arr)
4：求數量 new Set(…arr).size

new Set([...document.getElementsByTagName('*')]).size