箭头函数的简单使用

1、概要:

箭头函数是基本函数的简化形式;

2、箭头函数与基本函数联系与转化

ES6中函数的基本语法

var fn1 = function(a, b) {
    
    
    return a + b
}
function fn2(a, b) {
    
    
    return a + b
}

使用ES6箭头函数语法定义函数,将原函数的“function”关键字和函数名都删掉,并使用“=>”连接参数列表和函数体,

使用箭头函数简化后的写法


var fn1 = (a, b) => {
    
    
    return a + b
}
(a, b) => {
    
    
   return a + b
}

当函数参数只有一个,括号可以省略;但是没有参数时,括号不可以省略。

当参数为无参、单个参数、多个参数、可变参数时 箭头函数写法

// 无参
var fn1 = function() {
    
    }
var fn1 = () => {
    
    }

// 单个参数
var fn2 = function(a) {
    
    }
var fn2 = a => {
    
    }

// 多个参数
var fn3 = function(a, b) {
    
    }
var fn3 = (a, b) => {
    
    }

// 可变参数
var fn4 = function(a, b, ...args) {
    
    }
var fn4 = (a, b, ...args) => {
    
    }

 

猜你喜欢

转载自blog.csdn.net/qq_43521500/article/details/121004089