函数参数默认值
在ES6以前,我们无法给一个函数参数设置默认值,只能采用变通写法:
function add(a , b) { // 判断b是否为空,为空就给默认值1 b = b || 1; return a + b; } // 传一个参数 console.log(add(10));
现在可以这么写:
function add(a , b = 1) { return a + b; } // 传一个参数 console.log(add(10));
箭头函数
ES6中定义函数的简写方式:
一个参数时:
var print = function (obj) { console.log(obj); } // 简写为: var print2 = obj => console.log(obj);
多个参数:
// 两个参数的情况: var sum = function (a , b) { return a + b; } // 简写为: var sum2 = (a,b) => a+b;
var sum3 = (a,b) => { return a + b; }
对象的函数属性简写
比如一个Person对象,里面有eat方法:
let person = { name: "jack", // 以前: eat: function (food) { console.log(this.name + "在吃" + food); }, // 箭头函数版: eat2: food => console.log(person.name + "在吃" + food),// 这里拿不到this // 简写版: eat3(food){ console.log(this.name + "在吃" + food); } }
结果:
箭头函数结合解构表达式
比如有一个函数:
const person = { name:"jack", age:21, language: ['java','js','css'] } function hello(person) { console.log("hello," + person.name) }
如果用箭头函数和解构表达式
var hi = ({name}) => console.log("hello," + name);
结果: