ES6新增特性--箭头函数

最新推荐文章于 2024-04-28 11:37:08 发布

夺笋123

最新推荐文章于 2024-04-28 11:37:08 发布

阅读量156

点赞数

分类专栏： # js基础文章标签： javascript

本文链接：https://blog.csdn.net/m0_54510474/article/details/125110826

版权

js基础专栏收录该内容

16 篇文章 0 订阅

订阅专栏

这里写目录标题

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

定义格式

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>