当前位置：网站首页>ES6新增特性--箭头函数

ES6新增特性--箭头函数

2022-06-11 09:14:00 【夺笋123】

这里写目录标题

定义格式
作用
特点
注意
箭头函数使用例子

定义格式

var 函数名=(函数参数)=>函数返回值;

箭头函数使用实例

//无函数参数
var fun=()=>5;
//相当于
var fun=function(){
    
	return 5
}

//单个函数参数
var pow1 = num => Math.pow(num,2);
var pow1=function(num){
    
	return Math.pow(num,2);
}

//多个函数参数
var sum = (num1, num2) => num1 + num2;  //相当于var sum = (num1, num2) => {return num1+num2};
var sum=function(num1,num2){
    
	return num1+num2;
}

作用

简化回调函数

//sort函数中的回调函数
var result = array.sort((a, b) => a - b);
//相当于
var result = array.sort(function (a, b) {
    
  return a - b;
});

回调函数：被作为实参传入另外一个参数并在该函数中被调用，用来完成某些任务的函数

简化表达

//定义一个计算数字平方值的工具函数
const pow_1=num=>num**2
pow_1(n)

特点

（1）箭头函数没有自己的this对象。

（2）不可以当作构造函数，也就是说，不可以对箭头函数使用new命令

（3）不可以使用arguments对象，该对象在函数体内不存在。

（4）不可以使用yield命令

注意

当函数返回值为一个对象时，需要加上括号

var myobj= name => ({
    name: "Temp" ,age: 19});

箭头函数使用例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是一个html5 demo</title>
</head>
<body>
    <script> var num1=1,num2=2 var sum = (num1, num2) => {
      return num1+num2}; // var sum = (num1, num2) => num1+num2 var pow_1=num=>num**2 var fun=()=>5; console.log(fun()) console.log(pow_1(num2)) console.log(sum(num1,num2)) </script>
</body>
</html>