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])