###ES6 箭头函数:=>
1.是一种 函数的简写方式;很常用
const lx1=()=>{
console.log(1);//1
}
2.箭头函数可以携带参数;
const lx2=(num1,num2)=>{
console.log(num1+num2);//num1+num2
}
3.箭头函数只有一个参数时,小括号可以省;
const lx3=num1=>{
console.log(num1);//num1
}
4.箭头函数 函数体里面,如果只有一行代码,那么 大括号也可以省,
(1).箭头和函数体代码在一行。
(2).省了大括号,默认加上了return.
const lx = num => num+1;
lx(1);//2
//---------等价于-------//
function lx(num){
return num+1;
}
lx(1);//2
const lx=(num1,num2)=>num1+num2;
console.log(lx(1,2));//3
各种返回值;
let fn1 = () => 1; //返回1
let fn2 = () => true; //返回true
let fn3 = () => "2"; //返回 "2"
let fn4 = () => [1,2]; //返回[1,2]
let fn5 = () => { a : 1}; //undefined
//如果想要使用箭头函数的简写 来返回对象 大括号外面,包一层小括号
let fn6 = () => ({a:1}); //{a:1}
//大括号 对于对象来说 最外层 符号
//大括号 对于 函数来说 函数体 符号
let fn7 = () => (100); //100
let fn8 = () => (true); //true
let fn9= (num) => num++; //1
let fn10= (num) => ++num; //2
let fn11=(num) => num||20; fn11(0); //20
let fn12=(num) => num||300; fn11(0); //300
let fn12=(num) => num&&300; fn11(200); //300
5.箭头函数的 this 的指向;
1.不存在this指向;
2.指向外层的对象