ES2015部分新特性示例

ES2015部分新特性示

Arrow functions

var nums = [4,2,3,4]
nums.forEach((num, i)=> {
    console.log(num , i)
})

Block scoping with let. Compare to var

for (var i = 0; i <= 4; i++) {
    setTimeout( () => {
        console.log(i)
    }, 1000)
}

for (let i = 0; i <= 4; i++) {
    setTimeout( () => {
        console.log(i)
    }, 1000)
}

Default params

function test1(a, b, c=3) {
    console.log('Defualt vaule = ', a + b + c)
}
test1(1, 2)

Variadic function parameters

illustrate the use of reduce.

function sum(...nums) {
    console.log(nums.reduce( (acc, current) => {
        return acc + current
    }, 0 ))
}
sum(1, 2, 3, 4, 5)

Spread operator

var a = [1, 2, 3]
var b = [...a, 4, 5]
console.log(b)

Property shorthand

var c = 'ccc'
var d = 'ddd'
var e = { c, d}
console.log(e)
console.log(e.c)

Computed object keys

var name = 'somthing'
var object = {
    [name]: () => {
        return 'Hello'
    }
}
console.log(object.somthing())

Methods notation in objects

var methods = {
    foo() {
        console.log('foo')
    },
    bar() {
        console.log('bar')
    }
}
methods.foo()

Array destructing -> then swap-a-roo

var nums = [1, 2, 3]
var [one, two, three] = nums
console.log(one, two, three)
var [one, two] = [two, one]
console.log(one, two)

Object destructing, based on the name

var nums = { one: 1, two: 2, three: 3 }

var { one, three, two} = nums

console.log(one, two, three)

Classes, getter

class thing {
    constructor(_id) {
        this._id = _id
    }
    get id() {
        return this._id
    }
    showId(){
        return this._id
    }
}
var t = new thing(100)
console.log(t.id)
console.log(t.showId())

Generators

function* range(start, end) {
    while (start < end) {
        yield start
        start += 1
    }
}
for (let i of range(0, 10)) {
    console.log(i)
}

for-in for-of

var b = { a: 'tom'}
var a = ['a', b, 'c']
a.forEach( (item) => {
    console.log(item)
})


for (var index in a) {
    console.log(a[index]) //value   better to use on object
    //console.log(typeof(index)) //string
}

for (var value of a) {   // better ot use on array
    console.log(value)
}