es6常用功能

在es6之前，我們都是用var關鍵字宣告變數。無論宣告在何處，都會被視為宣告在函式的最頂部(不在函式內即在全域性作用域的最頂部)。這就是函式變數提公升例如:

function aa()  else 

}

function aa()  else 

//此處訪問 test 值為 undefined
}

const宣告必須賦值所以一般用於常量，無法被修改

模板字串 使用``來定義其中可以加上${}拼接賦值

用途一：快速賦值

//es5 

var name = 'lux'
console.log('hello' + name)
//es6
const name = 'lux'
console.log(`hello $`) //hello lux

// es5

var msg = "hi \
man!
"// es6
const template = `hello world
`

1.includes：判斷是否包含然後直接返回布林值

2.repeat: 獲取字串重複n次
3. startswith 和 endswith 判斷是否以 給定文字 開始或者結束
4. padstart 和 padend 填充字串，應用場景：時分秒

function action(num = 200) 

action(0) // 0
action() //200
action(300) //300

傳參大於等於兩個時用括號包裹，this可繼承

//例如：

[1,2,3].map(x => x + 1)
//等同於：
[1,2,3].map((function(x)).bind(this))

//物件

const people = 
const  = people
console.log(`$ --- $`)
//陣列
const color = ['red', 'blue']
const [first, second] = color
console.log(first) //'red'
console.log(second) //'blue'

//陣列

const number = [1,2,3,4,5]
const [first, ...rest] = number
console.log(rest) //2,3,4,5
//物件
const user = 
const  = user
console.log(rest) //

es6常用功能

前言 學習es6 的語法，記錄一些學習心得和總結 建構函式 在兩段 下分別列印下列 console.log typeof mathhandle function console.log mathhandle.prototype.constructor mathhandle true console....

ES6的常用功能

class函式 promise let const let定義可以被重新賦值，const定義的常量則不行 多行字串 模板變數 拼接更加簡單 var name zhangsan age 20,html html html name html age html const name zhangsan a...

ES6之Class的常用功能解讀

class寫法更加清晰，可以將它看做語法糖。能夠讓物件原型的寫法更像 物件導向 的語法。let z parent newparent zhang console.log z parent zhangwen class之間可以通過extends關鍵字實現繼承疑問 子類如何覆蓋父類的值呢？繼承 時如何修...