ES6箭头函数及对象表达式

一、箭头函数– Arrow Fuctions

文章图片
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的基础要扎实。
【ES6箭头函数及对象表达式】例如：

// 对象表达式 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"}