您的位置:首页 >> Vue >> 《和小米一起学Vue.js》— ES6 箭头函数

《和小米一起学Vue.js》— ES6 箭头函数

[ 孤狼 | 2022-07-30 03:39:01 | Vue | 271°C | 0条评论 ]

在es6中新建函数,可以使用箭头的方式来新建,称之为箭头函数.它们是由ECMAScript 6规范引入的,从那以后成为最流行的ES6特性。箭头函数允许你用箭头符号快速定义JavaScript函数。它最大的优点是,在创建新的JavaScript函数时,可以省略花括号和function关键字以及return关键字。


定义一个箭头函数

定义没有参数的函数

let a=()=>{
console.log('hello');
}

如果是多行代码,可以使用 {} 来标记代码块,如果代码只有1行,则可以省略 {} 标记  

let a=()=>console.log('hello');


定义一个有参数的函数

let a=(n)=>console.log(n*5);

当箭头函数有且仅有一个参数的时候,可以省略函数符号 () 直接使用参数代替函数  

let a=n=>console.log(n*5);


定义多个参数的函数

let a=(n,m)=>console.log(n*m);


定义带默认值参数的函数

let a=(n=2)=>console.log(n*6);
let a=(n=2,m=5)=>console.log(n*m);


定义对象参数的函数

let a=({name="default",age="20"})=>console.log("姓名:"+name+" | 年龄:"+age);

let b={
name:"法外狂徒",
age:33
}

如果函数需要返回一个对象,则需要使用 () 包括

let a=()=>({name:"张三",age:'12'})


箭头函数不能使用new来初始化,否则报错 
箭头函数内,this所表示的对象不一定是window,应该是定义时所在的对象  


转载请注明出处:http://gl.paea.cn/n.php?n=191
 
如您看得高兴,欢迎随意投喂,让我们坚持创作!
赞赏一个鸡腿
还没有人留下遗迹
综合 · 搜索