<script type="text/javascript">
const aaa = function(){
}
const bbb = {
bbb(){
}
}
//箭头函数
// const ccc = (参数列表) =>{
// }
const ccc = () => {
}
//参数问题
const sum =(num1,num2) => {
return num1 + num2
}
//一个参数的时候可以省略小括号
const power = num => {
return num * num
}
//函数中多行代码
const test = () => {
console.log('Hello word');
console.log('Hello vue')
}
//函数中只有一行代码
const uml = (num1,num2) => num1 * num2
console.log(uml(20,30));
//正常返回结果和undefined
const demo = () => console.log('hello word')
console.log(demo());
//---------------------------------------------------------
//箭头函数的this
setTimeout(function(){
console.log(this)
},1000)
//两个this都是wins
setTimeout(() => {
console.log(this)
},1000)
//----------------------------------------------------------
const obj ={
aaa(){
setTimeout(function(){
console.log(this)
},1000)
//一个是wins一个是aaa
setTimeout(() => {
console.log(this)
},1000)}
}
obj.aaa()
</script>
箭头函数的使用
最新推荐文章于 2024-08-08 23:04:40 发布
本文深入探讨JavaScript中的箭头函数,包括其定义、参数处理、作用域及this的指向。通过示例展示了箭头函数在单行或多行代码场景下的使用,并比较了与传统函数的区别。同时,文章还讨论了箭头函数在异步操作和对象方法中的行为差异。
摘要由CSDN通过智能技术生成