ES6学习笔记(8)--箭头函数的使用

引言：谈不上说写了ES5几年，但是在ES6中使用的箭头函数 看起来就是比ES5爽，然后学习ES6的语法，后期我的编程当中会一直使用ES6,这样才可以进步

开始学习

1.以下是ES5的函数写法

function name(firstName,lastName){
    return firstName+' '+ lastName;
} 

console.log(name('yang','MW'));

ES6中用箭头函数可以这么写

let name = (firstName,lastName) =>{
    return firstName+' '+ lastName;
} 
console.log(name('yang','MW'));

2.带默认值的函数

function name(firstName,lastName='MW'){
    return firstName+' '+ lastName;
} 

console.log(name('yang'));

let name = (firstName,lastName ='MW') =>{
    return firstName+' '+ lastName;
} 
console.log(name('yang'));

注意，ES5中添加严禁模式必须要在最头开声明，但是在ES6中可以在函数体内，但是但是但是必须不能有默认值，以下会出错

function add(a,b=1){ //因为b戴了默认值，所以会出错
    'use strict'
    return a+b;
}
console.log(add(1,2))

正确写法如下

function add(a,b){ //因为b戴了默认值，所以会出错
    'use strict'
    return a+b;
}
console.log(add(1,2))

3.确定函数必须传的参数

在编程当中，我们可能不知道函数需要传的参数有几个，我们可以这样做

let name = (firstName,lastName ='MW') =>{
    return firstName+' '+ lastName;
} 
console.log(name.length);

这里显示一个，因为lastname带了默认值

当把默认值去掉时

let name = (firstName,lastName) =>{
    return firstName+' '+ lastName;
} 
console.log(name.length);

以上就是我对箭头函数的理解了，有更深的理解再补充

上一篇：ES6学习笔记(7)--数组的相关操作

下一篇：ES6学习笔记(9)--in的用法