<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// 箭头函数 也是一种定义函数的方式
// 箭头函数一般什么时候使用? 一般是一个函数作为一个参数传入函数时使用
// 普通定义函数
const aaa = function () {
}
// 无参数箭头函数
const ccc = () => {
}
// 1.参数问题:
// 1.1 放入两个参数
const sum = (num1, num2) => {
return num1 + num2;
}
// 1.2 放入一个参数 (一个参数可以省略小括号)
const power = num => {
return num * num;
}
// 1.3函数中代码块中有多行代码
const test = () => {
console.log('HelloWorld');
console.log('Test');
}
// 1.4函数中只有一行代码 可以省略 {}
const mul = (num1, num2) => num1 + num2;
/*箭头函数中this的使用*/
/*箭头函数中的this时如何查找的
* 向外层作用域中,一层一层查找this,直到有this的定义
* */
const obj = {
aaa() {
setTimeout(function () {
setTimeout(function () {
console.log(this); // window
})
setTimeout(() => {
console.log(this); // window
})
})
setTimeout(() => {
setTimeout(function () {
console.log(this) // window
})
setTimeout(() => {
console.log(this) // obj
})
})
}
}
</script>
</body>
</html>
JavaScript 箭头函数
最新推荐文章于 2024-03-07 20:44:12 发布