个性化阅读
专注于IT技术分析

ES6箭头函数及对象表达式

一、箭头函数–Arrow Fuctions

ES6箭头函数

ES6使用了新的函数语法——剪头函数,简化了函数的书写方法。如下,我们每写一个函数都要function一次。如果使用剪头则简化了很多。剪头表示返回的内容,就是一系列函数的操作都放在 {  } 里面,如果函数不是带参函数,括号()依然不能省略,如果是一个参数则可以省略,建议还是不要省略(),以免给自己带来不必要的麻烦。

// 函数的名字
function fun(){}
let func = function (){} // 匿名函数赋值给函数func
let funct = function Func(){}
console.log(fun.name) // fun
console.log(func.name) // func
console.log(funct.name) // Func 有名函数的优先级大于匿名函数

let fun = (name,age) => {
return name + age
};
console.log(fun("Lucy",12))

二、对象表达式

ES6引入了新的对象定义属性的方法,在一个对象中,如果对象的值是已经定义好的变量,那只需要把对象的属性名写成该变量的变量名称就可以了,在输出对象的时候,其实输出的是变量的值,不仅提高效率还省内存。定义对象的方法也是,只需要把函数的名称即可,不需要再写function关键字,ES6在语法方面简化了不少。其实这都是换汤不换药,要的还是JS的基础要扎实。

例如:

// 对象表达式
let username = 'Sily',
password = '1212';
let user = {
// username1:username, ES5的写法
username, // 只需要直接使用变量的名称就可以了,不需要再定义变量属性名然后复制
password,
// func :function(){}, ES5定义对象方法的时候
func(){ // ES6定义对象方法的新写法,直接使用函数名,不需要书写function
return username + password
}
}
console.log(user) // {username: "Sily", password: "1212"}
赞(0) 打赏
未经允许不得转载:srcmini » ES6箭头函数及对象表达式
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏