<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- -->
<script>
<!-- 箭头函数:也是一种定义函数的方式-->
//定义函数的方式:function
const aaa = function () {
}
// 对象字面量中定义函数
const obj = {
bbb: function () {
},
ccc() {
}
}
// es6中的箭头函数
// const ddd = (参数列表)=>{
//
// }
const ddd = () => {
}
// 1.参数问题
//1.1放入两个参数的问题
const sum = (num1, num2) => {
return num2 + num1
}
// 1.2放入一个参数 放入一个参数的时候 参数的小括号是可以省略掉的
const power = num => {
return num * num;
}
// 2.函数中
//2.1 函数代码块中有多行代码时
const test = () => {
//打印hello world
console.log('hello world');
//打印hello vue.js
console.log('hello vue.js');
}
// 2.2 函数代码中只有一行代码
const mul = (num1, num2) => num2 * num1 //他会自动返回 并且不用加括号
// 什么时候使用箭头函数
//这两个函数的this都是window对象
setTimeout(function () {
}, 1000)
setTimeout(() => {
},1000) //这样写的话会简洁一点
</script>
</body>
</html>
Es6 箭头函数的基本使用
最新推荐文章于 2024-02-04 14:17:57 发布