js箭头函数作用域 js箭头函数特点

JavaScript中函数分割函数和箭头函数：先前支持this动态绑定、参数、new调用及Ge生成器；晚上继承外层this、无参数和new.target、不可构造、不支持Generator。

JavaScript中定义函数主要有两种普通方式函数（函数绑定、参数对象、new调用支持等方面有本质区别，选错可能引发bug。 sayHello(name) { return `Hello， ${name}`； }const sayHello = function(name) { return `Hello， ${name}`； }；

箭头函数必须是表达式，并且语法更简洁：

立即学习“Java免费学习笔记（深入）”；

const sayHello = (name) => `Hello， ${name}`；const add = (a， b) => a b；const log = () => console.log('no params')；

单时参数可省语法，单表达式语句可省花语法和返回。this指向完全不同的普通函数的this在调用时动态确定，调用方式（如obj.method()中this是obj，独立调用为undefinedThis，它会沿作用域链向上查找外层普通函数的this，始终继承定义时所在上下文的this。

文心大模型

百度飞桨-文心大模型 ERNIE 3.0 文本理解与创作 168 查看详情

这意味着：箭头函数不能配置对象方法（除非外层这个正确绑定）无法通过调用/应用/绑定改变其适合用在中，避免这个丢失，比如事件监听或没有参数和new.target

普通函数内部可访问argument类数组对象，获取所有实参；也可用new.target判断是否被new调用。

箭头函数没有arguments，也没有new.target。 0)；

同时，箭头函数不能作为构造函数——调用new会直接流程报错。不能初始化生成器函数

普通函数可用函数*定义生成器，支持yield；箭头函数不支持*语法，也不能yield。

如果需要迭代逻辑或参数控制，必须用普通函数。

以上就是Javascript函数如何定义_箭头函数和普通函数有何不同，相关标签： javascript java app 作用域 红色 JavaScript 构造函数 const 继承 实参 未定义的控制台函数 对象作用域 事件 这个错误 大家都在看：如何用javascript操作DOM_哪些API最常用？ JavaScript中事件处理是什么_如何为网页元素添加事件器？ javascript IndexedDB是什么_如何存储大量数据？ Worker有什么用_如何实现离线应用