做网站有流量就有收入吗,辽宁城乡建设工程招标网(官网),石家庄网站制作网站,科技网站实例Arrow Functions#xff08;箭头函数#xff09;是 ES6 中引入的一种新的函数表达式语法#xff0c;它可以更简洁地定义函数#xff0c;并且不需要像普通函数一样使用 function 关键字。
例如我们上节课的代码#xff1a; const peopleAge function calcAge1(birthYear)…Arrow Functions箭头函数是 ES6 中引入的一种新的函数表达式语法它可以更简洁地定义函数并且不需要像普通函数一样使用 function 关键字。
例如我们上节课的代码 const peopleAge function calcAge1(birthYear) {return 2037 - birthYear;
}这个用箭头函数来表示更加简单
const peopleAge birthYear 2037 - birthYear;
const zhangSanAge peopleAge(1996);
console.log(zhangSanAge);当然上例只举例了我们函数代码块只有一行的情况多行的情况箭头函数也同样适用。例如现在我们想计算一个人还有多少年就退休了如下
const yearsUntilRetiremen (birthyear) {const age 2037 - birthyear;const retirement 65 - age;return 你还有${retirement}年就退休了;
};
console.log(yearsUntilRetiremen(1998));除此之外我们也可以声明多个函数调用多个参数
const yearsUntilRetiremen (birthyear, firstName) {const age 2037 - birthyear;const retirement 65 - age;return ${firstName}还有${retirement}年就退休了;
};
console.log(yearsUntilRetiremen(1998,张三));注意Arrow Functions 相对于普通函数具有更短的语法和更语义化的代码风格使得代码更加简洁易懂。它们也支持了类似 this 的语法从而避免了 this 指针的混乱和错误使用问题。因此在适当的场景下可以优先选择使用 Arrow Functions 来定义函数。
