箭头函数的注意点

最新推荐文章于 2024-01-21 10:27:06 发布

宅uu

最新推荐文章于 2024-01-21 10:27:06 发布

阅读量1.4k

点赞数

分类专栏： es6

本文链接：https://blog.csdn.net/m0_64433004/article/details/122917675

版权

箭头函数 this 构造函数 arguments对象 Generator函数

关键词由CSDN通过智能技术生成

es6 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、箭头函数没有自己的this对象

（1）普通的函数，this指向的是事件源本身，如果内部有嵌套，this的指向就会发生转移

（2）箭头函数，this指向的是调用该函数的对象（this的指向是静态的）

2、箭头函数不可以当作构造函数，即不可以对箭头函数使用new命令，否则会抛出一个错误

3、不可以使用arguments对象，该对象在函数体内不存在，如果要用，可以用reset参数代替

4、不可使用yield命令，因此箭头函数不能用作Generator函数

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

宅uu

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

使用箭头函数的注意事项

ruienger的博客

12-11

662

目录箭头函数基本使用箭头函数的特点没有单独的 this严格模式下指向全局箭头函数不会绑定 arguments箭头函数于 new 一起使用会报错箭头函数没有 prototype 属性，不能使用 yield 关键词高级用法解析顺序结合三元运算符箭头函数内定义的变量及其作用域箭头函数使用闭包箭头函数使用递归 箭头函数 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。基

解析vue data不可以使用箭头函数问题

12-11

然而，存在一个重要的注意事项，即在Vue中，`data` 不应该使用箭头函数来定义，因为这会导致预期的行为失效。让我们深入理解这个问题的原因和背后的机制。首先，我们要明白在JavaScript中，函数的`this` 指向取决...

参与评论您还未登录，请先登录后发表或查看评论

箭头函数的注意事项

m0_57446284的博客

02-07

583

箭头函数：（=>）箭头的标志这两段代码是相等的 let a=function(){ alert("这是一个正常的函数") } let a=()=>{ alert("这是一个箭头函数") } 我们先使用箭头函数来写一个加法的函数： let sum =(a,b)=>{ return a+b } 箭头函数的调用方法和普通函数是一样的 1、箭头函数的this是静态的 this始终指向的是函数声明时所在的作用域下的this的值 2、不能作为构造..

使用箭头函数的几个注意事项

weixin_30273931的博客

02-06

351

刚才写一个需要递归操作的函数,在使用arguments.callee的时候,报错undefined,因为arguments.callee在严格模式下会失效,以为是使用了=>箭头函数后,函数内部环境会以严格模式执行,查阅资料后才知道不可以在箭头函数中使用arguments对象，该对象在函数体内不存在。以下摘自阮一峰老师在ECMAScript 6 入门第七章函数扩展第5小节箭头函数-----...

javascript ES6中箭头函数注意细节小结

10-20

本文将详细探讨ES6中箭头函数的注意细节。首先，箭头函数的定义使用一个箭头符号“=>”，它提供了更简洁的函数书写方式。例如，一个简单的乘法操作可以这样定义： ```javascript x => x * x; ``` 这行代码实际上...

ES6中的箭头函数实例详解

08-30

注意，若箭头函数后直接跟花括号，但里面没有任何返回语句，函数将返回`undefined`。 **剩余参数与默认参数** 箭头函数同样支持剩余参数（`...rest`）和默认参数： ```javascript var func1 = (x = 1, y = 2) => ...

前端面试解析-02 ES6使用箭头函数时应该注意什么？

lpx337的博客

01-17

418

1、this的指向问题 箭头函数要实现类似纯函数的效果，剔除了外部状态，所以箭头函数不具备普通函数所具备的this、arguments等。 箭头函数自身没有this，箭头函数内部this会继承自箭头函数外部作用域，并且，不能通过apply（）、call（）、bind（）去改变this指向。下面为代码说明。 const obj1={ fun1:()=>{ ...

箭头函数

前端说

04-06

1208

（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用Rest参数代替。（4）不可以使用yield命令，因此箭头函数不能用作Generator函数。function foo() { var id=3

使用箭头函数应该注意什么？原型查找机制又有哪些？

最新发布

2202_75900709的博客

01-21

422

的情况下，箭头函数不适用。箭头函数会继承外部函数的this值，而不是创建自己的this值。因此，在需要使用this的情况下，应该使用普通函数而不是箭头函数。如果没有就查找它的原型（也就是 __proto__ 指向的prototype 原型对象）__proto__ 对象原型的意义就在于为对象成员查找机制提供一个方向，或者说一条线路。用了箭头函数，this就不是指向window，而是父级（指向是可变的。如果还没有找到就查找原型对象的原型（Object的原型对象）箭头函数一条语句返回对象字面量时，需要加括号。

箭头函数注意事项

qq_39039128的博客

12-01

281

1、this，定义函数时所在的对象，不是运行时的对象。 2、没有arguments,要使用扩展运算符（rest运算符）…args代替 3、不能作为构造函数

使用 箭头函数 需注意

m0_67841039的博客

04-11

443

1、在箭头函数中不存在arguments，所以箭头函数不可以使用arguments 2、、箭头函数不存在预解析，所以我们使用箭头函数必须先定义再调用 3、箭头函数中，认为不存在this，所使用的this其实是指向上级作用域的this(指向所在作用域的this) 注意：如果在使用的时候涉及到this，那么不建议使用箭头函数 //在箭头函数中不存在arguments，所以箭头函数不可以使用arguments // let fn = ( ...a ) => { // // consol

箭头函数使用注意事项

weixin_41658426的博客

06-20

918

js在实际应用中的小知识点 remove(){ var that = this; this.body.on("click","span",function(){ var index = $(this).parent().parent().attr("data-id"); ...

箭头函数的用法及注意事项

ExtremeExplorer的博客

05-23

337

箭头函数的使用 箭头函数的基本使用普通函数与箭头函数的区别： // ES5的函数写法 let fun1 = function(me) {return me} // ES6的箭头函数写法 let fun2 = (me) => {return me} console.log(fun1('hello')); console.log(fun2('hello')); 箭头函数的简写：如果函数的参数有且仅有一个时，可以省略参数的括号。如果函数的方法体是单条语句时，可省略 ret

使用箭头函数需要注意的

DoubleClick的博客

07-23

108

A minor improvement. The effect on code using Promises can be more dramatic, as the }).then(function (result) { lines can pile up. Note that an arrow function with a block body does not automatically return a value. Use a return statement for that. There i

ES6 箭头函数应该注意的地方

NG的博客

12-10

168

关于this 箭头函数自身是没有自己的this的，它的this是继承自外围的作用域，也就是说谁调用它，this就指向谁，这样自然就不能使用call()、apply()、bind()来改变this指向 const obj = { arrowFun: () => { console.log(this) } fun: function () { console.log(this) } } o...

JS箭头函数与常规函数的区别详解：5个关键点及实例

在JavaScript编程中，箭头函数和常规函数是两种不同的函数定义方式。本文将深入探讨它们之间的五个主要区别以及相关的使用注意事项，以便开发者根据项目需求做出明智的选择。 1. **this值的绑定**: - **常规函数**...