關於es6的整理和學習

2021-08-15 03:05:48 字數 1320 閱讀 2128

1 const 定義常量 無法更改 但如果事物件可以更改內部屬性 

例如:const a = let a.aa = 2可以更改

2 var 函式作用域 let 塊狀作用域

3 模板字串

let a = "i"

let b = "love"

console.log(`$ $ you`)

4 函式擴充套件

4.1 引數預設值

原始寫法 

function a(aa,bb)

a(5)

es6寫法

function a(aa,bb=8)

a(5)

4.2 箭頭函式

var a = (aa,bb=8) =>

a(5)

5 物件擴充套件

var a =2

var obj =

}obj.b()

5.1 assign()

var obj =

}var obj2 =

object.assign(obj2,obj)

console.log(obj2) //

6 class

class person

showname()

}var obj1 = new person("wbs","boy",15)

obj1.showname()

6.1 類的繼承

class person

showname()

show***()

}var obj1 = new person("wbs","boy",15)

obj1.show***()

class bb extends person

}var obj2 = new bb("wbs2","girl","66")

console.log("aa",obj2.showname())

6.2 static 靜態方法只能通過類名呼叫

class person

showname()

show***()

static geta()

}var obj1 = new person("wbs","boy",15)

person.geta()

7 解構

let [a,b,,c] = [1,2,3,4]

console.log(c)

let obj =

let = obj

console.log(b)

let [a,b,c] = "vnmeee"

console.log(b)//n

8

es6學習筆記整理(十二)類和物件

類的概念 基本語法 類的基本定義和生成例項 class parent 生成例項 let v parent new parent lisi parent console.log v parent 類的繼承class parent 子類 繼承extends class child extends par...

前端知識整理 ES6

es6 1 模組化 export default export function fn1 export function fn2 import util from util1.js import from util2.js 2 使用babel npm install babel core babel...

ES6整理 let和const命令

es6介紹 ecma國際標準化組,他們希望這種語言成為國際化標準相容大部分主流瀏覽器,所以ecmascript就是js的一種寫作規格。es6在2015年提出的語法,在以前大部分瀏覽器沒有完全識別es6語法可以在node.js等框架內進行使用,但是現在es6語法已經被大部分瀏覽器所支援,可以在頁面上直...