python箭头函数_javascript-ES6函数进阶(箭头函数，默认参数)(笔记)

1.箭头函数

1.1 箭头函数，一行时，不用{}

// 箭头函数，一行时，不用{}

var t = ()=>console.log('t');

t()

1.2 传一个参数,可以省略()

// 传一个参数,可以省略()

var t1 = x=>console.log(x)

t1('t1')

1.3 传多个值，正常完整的写一个函数

// 传多个值，正常完整的写一个函数

var t2 = (x,y)=>{

return x+y

}

console.log(t2(1,2));

1.3 传多个值，正常完整的写一个函数

// 返回为对象时，需要用()包裹，这个可以了解下es6中的js解构

var add =(a,b) => ({num:a+b});

console.log(add(10,10));

1.4 函数设置默认参数,在es5中，函数设置默认参数比较麻烦。

// 函数设置默认参数,在es5中，函数设置默认参数比较麻烦。

var t3 = (x=5,y=6)=>x+y;

console.log(t3())

1.5 es5中this是确定的，是一个对象。

// es5中this是确定的，是一个对象。

function t4(){

console.log(this)

}

1.6 箭头函数中的this是定义时的所在作用域的this,有点像python中的self

//箭头函数中的this是定义时的所在作用域的this,有点像python中的self,

var t5 = ()=>console.log(this)

t4();

t5();

1.7 用用上次的rest符号，就是...

// 用用上次的rest符号，就是...

var t6 = (first,...more)=>{

console.log(first,more)

}

t6(1,2,3,4,5)

t6(1,...[2,3,4,5])

完整代码

// 箭头函数，一行时，不用{}

var t = ()=>console.log('t');

t()

// 传一个参数,可以省略()

var t1 = x=>console.log(x)

t1('t1')

// 传多个值，正常完整的写一个函数

var t2 = (x,y)=>{

return x+y

}

console.log(t2(1,2));

// 返回为对象时，需要用()包裹，这个可以了解下es6中的js解构

var add =(a,b) => ({num:a+b});

console.log(add(10,10));

// 函数设置默认值,在es5中，函数设置默认参数比较麻烦。

var t3 = (x=5,y=6)=>x+y;

console.log(t3())

// es5中this是确定的，是一个对象。

function t4(){

console.log(this)

}

//箭头函数中的this是定义时的所在作用域的this,有点像python中的self,

var t5 = ()=>console.log(this)

t4();

t5();

// 用用上次的rest符号，就是...

var t6 = (first,...more)=>{

console.log(first,more)

}

t6(1,2,3,4,5)

t6(1,...[2,3,4,5])