一 丶什么是ES6
ES6， 全稱 ECMAScript 6.0 ，是 JavaScript 的下一個版本標準，是通過通過ECMA-262標準化的腳本程式設計語言，ES6 主要是為了解決 ES5 的先天不足，比如 JavaScript 里并沒有類的概念，但是目前瀏覽器的 JavaScript 是 ES5 版本，大多數高版本的瀏覽器也支持 ES6，不過只實作了 ES6 的部分特性和功能，
二 丶重要知識點總結
1.let,Const,var
let: 區域變數宣告
特點:
1 只能在一對｛｝里面有用
2.不能重復宣告
3.不會變數提升(在變數宣告前會報錯)
const: 常量宣告
特點
1 宣告必須復制
2 賦值不能修改(簡單資料型別)
3 簡易變數名大寫
var: 能重復宣告
特點
1 會變數提升
2 可以宣告不賦值
2.結構
1結構物件
示例 ：
特點
沒有順序
2結構陣列
3.字串方法
trim() trimLeft() trimRight()
去掉空白，左邊空白，右邊空白
includes(s)
字串是否包含s
startsWith(s)
是否以s開頭
endsWith(s)
是否有s結尾
repeat(n)
將字串重復n次
padStart(len,s)
以s字串補齊len長度
padEnd(len,s)
以s字串補齊len長度 從后面
字串模板
大家好！我的名字是${name} 今年我${age}歲了
特點
- 可以在字串模板里面任意換行
- 單雙引號 特殊符號不需要轉義
4.陣列高階方法
forEach()
遍歷陣列
map() 映射 回傳一個Array
通過原來的陣列映射出新的資料
filter() 過濾 回傳一個Array
如果遍歷時回傳的值為true 則最侄訓傳時保留該元素
如果遍歷時回傳的值為false 則最侄訓傳時過濾該元素
reduce 累計 (function(a,b){}) 回傳一個Any
a引數是上一次遍歷時的結果，
b引數是當前遍歷元素
some() 回傳一個bool
如果遍歷的值有一個回傳為true 最侄訓傳結果為true
如果遍歷的值所有都回傳為false 最侄訓傳的結果才為false
every()
如果遍歷的值有一個回傳為false 最侄訓傳結果為false
如果遍歷的值所有都回傳為true 最侄訓傳的結果才為true
find()
查找陣列中符合條件的元素
findIndex()
查找陣列中符合條件的元素 的下標
5.箭頭函式
特點
①箭頭函式省略function
② => 左邊引數
③ 箭頭右邊 函式體 回傳值
④傳參0個或者兩個以上 引數加上括號
⑤如果引數體有多行需要加上{}；如果需要回傳值return
⑥ 如果回傳的市一個物件則用()包裹物件({})
6.函式引數(引數擴展)
默認引數
擴展引數
不定引數
特點
- args 必須放在最后
- …收集剩余引數
- …展開陣列（把陣列內容寫上去
7.物件
1.物件簡寫
變數和值簡寫
函式function簡寫
var name=“胡圖圖”
var obj={
name,
say(){alert(this.name)}
}
2.物件動態屬性
{[nick+“msg”]:"你好"}
8.類
面向物件基本特點：封裝；繼承；多型；介面
單詞：
extends繼承
constructor建構式
super 超類
static 靜態
定義類類方法
class Person{
constructor(name,age){
this.name=name;
this.age=age;
}
say(){
alert(“你好”)
}
}
實體化類
var p1=new Person()
類中的this
Person類中的this指向、當前類的實體(p1)
繼承
class Teach extends Person{
constructor(name,age,major){
super();
this.major=major;
}
}
9.模塊module
匯入
import{name,fun,Square} from './api.js'
import Square from './api.js'
import Sq from ''./api.js
別名as *代表所有
import * api from './api.js'
api.name;api.fun()
別名import Square,{name,fun as fn} from './api.js'
匯出
export{name,fun,Square}匯入多次
export default Square;默認只能匯出一次
10.set
定義：沒有重復元素的集合（陣列）
初始化：
var s1=new Set()
var s2=new Set([1,2,5])
添加：s1.add()
洗掉：s1.delete()
情況：s1.clear()
檢測：s1.has()
長度：s1.size
轉陣列：Array.from(s1)[...s1]
陣列去重：arr1=[...new Set(arr)]
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/319759.html
標籤：其他
下一篇：ES6 知識點總結(學生)