关于箭头函数的一些注意事项

最新推荐文章于 2022-10-24 17:15:33 发布
最新推荐文章于 2022-10-24 17:15:33 发布
阅读量767 收藏 1
点赞数 1
分类专栏： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_38992528/article/details/108637567
版权
  • 箭头函数没有自己的this，而是会继承上层作用域的this，就像其他普通的变量一样
  • 箭头函数不支持动态改变this值，所以不可以通过.call()、.apply()、.bind()方法来重新绑定它的this值
  • 箭头函数没有arguments对象
  • 过度追求箭头函数的“单行代码”写法可能会降低代码可读性
  • 箭头函数虽然表面上看是匿名的，但它可以根据前面的变量名和属性名自动推断出同名的name属性
  • 箭头函数不可以被new，也不会像普通函数一样自动拥有prototype属性
LinDaiuuj
关注
专栏目录
使用箭头函数的注意事项
ruienger的博客
12-11 651
目录箭头函数基本使用箭头函数的特点没有单独的 this严格模式 下指向全局箭头函数不会绑定 arguments箭头函数于 new 一起使用会报错箭头函数没有 prototype 属性，不能使用 yield 关键词高级用法解析顺序结合三元运算符箭头函数内定义的变量及其作用域箭头函数使用闭包箭头函数使用递归 箭头函数 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。 基
ES6学习笔记(8)--箭头函数的使用
YmwWow的博客
05-05 708
引言：谈不上说写了ES5几年，但是在ES6中使用的箭头函数看起来就是比ES5爽，然后学习ES6的语法，后期我的编程当中会一直使用ES6,这样才可以进步 开始学习 1.以下是ES5的函数写法 function name(firstName,lastName){ return firstName+' '+ lastName; } console.log(name('yang','...
箭头函数知识点（笔试题）
m0_60622481的博客
04-21 337
箭头函数没有自己的this，而是会继承上层作用域的this，就像其他普通的变量一样 箭头函数不支持动态改变this值，所以不可以通过.call()、.apply()、.bind()方法来重新绑定它的this值 箭头函数没有arguments对象 过度追求箭头函数的“单行代码”写法可能会降低代码可读性 箭头函数虽然表面上看是匿名的，但它可以根据前面的变量名和属性名自动推断出同名的name属性 箭头函数不可以被new，也不会像普通函数一样自动拥有prototype属性 ...
箭头函数中this的指向
yichen_adf的博客
06-11 937
var cat={ func1:()=>{ console.log("arrow1",this); }, func2:function(){ console.log("average",this); var func3=()=>{ console.log("arrowIn",this); } func3(); } }
箭头函数理解
m0_49471668的博客
10-18 189
Es6新增的函数 1、基础语法 通常函数的定义方式 var fn1 = function（a，b）{ return a+b } function fn2(a, b) { return a+b } 使用Es6箭头函数语法定义函数，将函数的“function”关键字和函数名都删掉，并使用“=>"连接参数列表和函数体 var fn1 = (a, b) => {return a+b} (a,b) => {return a+b} 当函数参数只有一个，括号可以省略；但是没有..
【ES6】箭头函数理解
weixin_45358688的博客
08-25 311
什么是箭头函数？ 箭头函数是我们之前学习的函数的一种简写方式。 箭头函数的作用： 让我们声明函数的时候，使用更少的代码，看起来更简洁。 一、关于箭头函数的基本使用 //以前的写法 const add = function (a, b){ const result = a + b; return result; } //箭头函数：将普通函数的`function`关键字删掉， 在...
简述使用箭头函数的注意事项?
最新发布
09-13
使用箭头函数时需要注意以下几点： 1. **作用域绑定**：箭头函数没有自己的`this`，它的`this`会捕获其外部作用域（即上下文）。这意味着无论何时调用，`this`指向的是定义时所在的作用域，而不是运行时的上下文，...
解析vue data不可以使用箭头函数问题
12-11
然而，存在一个重要的注意事项，即在Vue中，`data` 不应该使用箭头函数来定义，因为这会导致预期的行为失效。让我们深入理解这个问题的原因和背后的机制。 首先，我们要明白在JavaScript中，函数的`this` 指向取决...
JavaScript中的函数申明、函数表达式、箭头函数
10-15
总结，JavaScript提供了多种创建函数的方式，每种都有其特定的用途和注意事项。理解这些差异对于编写高效、无错的JavaScript代码至关重要。在实践中，根据需求选择合适的函数创建方式，可以提高代码的可读性和维护性...
es6函数之箭头函数用法实例详解
10-15
下面我们将详细探讨箭头函数的基本用法、特性以及注意事项。 ### 基本用法 1. **单参数简写**： 如果箭头函数只有一个参数，那么可以省略圆括号。例如： ```javascript var f = v => v; ``` 这与传统的函数...
ES6箭头函数
Start_t的博客
11-30 896
ES6箭头函数写在前面1.箭头函数语法2.this的指向3.构造函数4.变量提升5.换行 写在前面 缺点： 箭头函数是不能new的，它的设计初衷就跟构造函数不太一样 箭头函数如果要返回一个JSON对象，必须用小括号包起来 var test = ()=>({id:3, val=20}) 对代码的可读性伤害太大 1.箭头函数语法 原有方法的声明函数 //function普通函数 ...
箭头函数
A good man
06-01 135
箭头函数 是一种更简洁的定义函数的语法，其在定义一个回调函数是尤为好用 例子： const numbers = [ 2,6,7,8,1 ] const even = numbers.filter(function(x)){ return x%2 === 0; } 用箭头函数重写 const numbers = [ 2,6,7,8,1 ] const event = numbe...
python教程17-全局变量和局部变量、多个返回值、函数的回顾、函数的缺省参数
zjl_xiaoliu的博客
09-05 490
python教程_小白入门17/2020/9/6 学习目标 P113 全局变量和局部变量 P114 多个返回值 P115 函数的回顾 P116 函数的缺省参数
关于子类中重写父类中方法的问题
wdhxs的博客
03-26 544
关于子类中重写父类中方法的问题 文章目录关于子类中重写父类中方法的问题前言一、父类使用箭头函数，子类使用传统函数二、父类使用传统函数，子类使用箭头函数三、父类使用传统函数，子类使用传统函数四、父类使用箭头函数，子类使用箭头函数总结 前言 在一道题中发现，子类在重写父类的方法时，会出现子类实例调用父类的方法而不是子类方法的情况。 一、父类使用箭头函数，子类使用传统函数 class Animal { sayName = () => { throw new Error('你应该自己实
2021前端面试题总结（主React）
gd81325的博客
01-05 8133
都是自己常问的面试题吧… 基础问完后，测试水平（刁难）用，大家凑活看，因为是2021总结的所以是2021年前端面试题，不断更新（没有排序，想起什么写什么） 一、粘性定位通常在什么场景下使用，使用方法，使用条件？ 场景：场景自定义，我通常用在header，很好用 使用方法：设置 position:sticky 同时给一个 (top,bottom,right,left) 之一即可 使用条件： 父元素不能overflow:hidden或者overflow:auto属性。 必须指定top、bottom、left
JS中this关键字详解
weixin_44332705的博客
10-24 176
1.箭头函数没有自己的this, 它的this是继承而来; 默认指向在定义它时所处的对象(宿主对象)，此处指父级作用域，而不是执行时的对象, 定义它的时候,可能环境是window
箭头函数和匿名函数的异同
zz2230633069的博客
08-26 3688
ES6标准新增了一种新的函数：Arrow Function（箭头函数）。属于函数，所以不需要分号结尾。函数调用的时候才需要分号结尾。 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return；对于对象的返回，一定要加上小括号。 // 一个参数，只包含一个表达式 x => x * x function(x){return x*x;} // 匿名函数 //
几道前端p6笔试题
weixin_43964148的博客
02-16 2559
虽说是招实习生，但按照要求，题目平均难度 p6 水平 ????。单选题1. 关于一个对象 obj 到底包含有多少个属性，下面三个 API 的检测结果可能不完全一致，假如将它们返回的属性个...
普通函数和箭头函数区别
qq_41968486的博客
12-21 3236
如何回答面试官的问题：普通函数和箭头函数的区别（this指向） 1. 声明方式不同：普通函数可以是声明式的，也可以是赋值式；而箭头函数只能是赋值式的； 2. this指向不同：普通函数有原型prototype，this指向不确定；箭头函数本身没有this，因为没有原型，this指向确定，指向他父级作用域； 3. new不同：普通函数可以new；箭头函数不能new，没有prototype属性，也不可以被当作构造函数， 4. 传参方式：普通函数可以获取 `arguments`
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值