es6箭头函数和普通函数区别

最新推荐文章于 2023-08-18 14:09:55 发布
最新推荐文章于 2023-08-18 14:09:55 发布
阅读量594 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lzfengquan/article/details/107176171
版权

箭头函数和普通函数

1箭头函数是匿名函数，不能作为构造函数，不能使用new
2 箭头函数不能绑定arguments,取而代之用rest参数…解决
3 箭头函数没有原型prototype属性
4 箭头函数的this永远指向其上下文的this,没有办法改变其指向
普通函数的this指向调用它的对象
5 箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值

小刘先生很努力
关注
ES6的箭头函数和普通函数相比有什么不同？
祈澈菇凉
11-06 211
箭头函数适用于简单的函数定义和回调函数，对于需要使用 this 或 arguments 对象的情况，传统函数仍然更适合使用。箭头函数没有自己的 arguments 对象，无法通过 arguments 访问传入的参数列表。箭头函数没有自己的 this 值，它的 this 值继承自外部的词法作用域。这意味着在箭头函数内部，无法通过 this 访问到函数自身的上下文，而是使用外部作用域的 this 值。箭头函数使用箭头（=>）来定义函数，语法更加简洁明了，省略了传统函数中的 function 关键字和大括号。
ES6中的箭头函数实例详解
08-30
对比ES5和ES6，我们可以看到箭头函数的简洁性： - ES5: ```javascript var selected = allJobs.filter(function (job) { return job.isSelected(); }); ``` - ES6: ```javascript var selected = allJobs.filter...
ES6中的箭头函数和普通函数的区别
tyxjolin的专栏
05-04 1414
箭头函数是ES6中新增的一种函数类型，它具有许多特性和优点。与普通函数相比，箭头函数具有更短的语法、更简洁的代码、更清晰的上下文、更简单的this绑定和更好的性能。然而，箭头函数也有一些限制和缺点，例如不能作为构造函数、没有arguments对象、不能使用yield关键字和无法访问arguments.callee和new.target等。在实际编程中，需要根据具体情况选择使用箭头函数或普通函数。
箭头函数详解()=>{}
热门推荐
weixin_30685029的博客
08-06 1万+
摘要：箭头函数有几个使用注意点。 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象，箭头函数继承而来的this指向永远不变。 （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 （3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用Rest参数代替。 （4）不可以使用yield命令，因此箭头函数不能用...
ES6中的箭头函数和普通函数有什么区别？
芮芮白的博客
02-05 1679
ES6中的箭头函数和普通函数有什么区别？ 1、普通函数的 this 永远指向调用它的那个对象（谁调用，this 就指向谁） 箭头函数没自己的 this，它的 this 永远指向其定义环境，任何方法都不能改变其指向，如 call()、bind()、apply()等。（正因为它没有 this，所以也就不能用作构造函数，也没有原型对象）。 2、箭头函数不能当做构造函数，也就是说，不能使用 new 命令，否则会报错。 3、箭头函数没有原型属性。 4、箭头函数不能使用 arguments 对象，该对象在函数
【ES6】箭头函数和普通函数的区别
最新发布
qq_22744093的博客
08-18 1033
（3）不可以使用arguments对象，该对象在函数体内不存在。1、不可以当作构造函数，也就是说，不可以对箭头函数使用new命令，否则会抛出一个错误。代码运行到第二断点处，此时出现方法demo02的局部变量Local，this指向的是。（4）不可以使用yield命令，箭头函数不能用作 Generator 函数。（2）不可以当作构造函数，不可以对箭头函数使用new命令，否则抛出错误。，从这可以看出箭头函数继承了调用它时的this。而定时器中是箭头函数的，这时this指向的。（1）箭头函数没有自己的this。
关于ES6箭头函数中的this问题
11-26
在JavaScript的ES6标准中，箭头函数引入了一个新的特性，即`this`的处理方式与传统的函数有所不同。本文将详细解析箭头函数中的`this`问题，帮助开发者更好地理解和运用这一新特性。 通常，`this`在JavaScript中的...
javascript ES6中箭头函数注意细节小结
10-20
总结以上内容，ES6中箭头函数的引入，旨在为JavaScript开发者提供更加简洁和直观的函数书写方式，并解决了传统函数中关于this指向的困扰。通过使用箭头函数，可以避免常规函数中常见的this绑定问题，使得代码更加...
深入浅出ES6新特性之函数默认参数和箭头函数
09-01
总的来说，ES6的函数默认参数和箭头函数极大地提高了代码的可读性和简洁性，降低了出错的可能性。它们是现代JavaScript开发中不可或缺的一部分，理解并熟练运用这两个特性，可以显著提升开发效率和代码质量。
针对JavaScript（ES6）中的箭头函数详解
01-20
JavaScript中的箭头函数是ES6（ECMAScript 2015）引入的一个重要特性，为开发者提供了更简洁的函数定义方式。对于初学者来说，箭头函数可能会带来一些混淆，特别是关于括号的使用。这里我们将深入探讨箭头函数的两种...
ES6中箭头函数详解（箭头函数和普通函数的区别）
chaopingyao的博客
03-31 892
箭头函数是ES6提出来的一种标准，其表达式的语法比函数表达式（普通函数）更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。 一、语法 1、基础语法 箭头函数有两种格式，一种只包含一个表达式（如x => x * x），连{ … }和return都省略掉了。还有一种可以包含多条语句，这时...
JavaScript ES6 箭头函数与普通函数的区别详解【面试必备，值得收藏】
XH_jing的博客
07-14 838
今天下午在面试的过程中，有一位面试官就问到了这道题目。 说实话，如果不是今天问到了这个问题，我还不会去仔细对比分析一下这两个我们整天使用的函数声明方式，我们只有在不断总结中才会不断进步。 同时，也非常感谢今天下午给我面试的这位面试官。 目录一、箭头函数基本语法1、关于箭头函数的参数2、关于箭头函数的函数体二、箭头函数与普通函数的区别1、外形不同2、箭头函数都是匿名函数3、箭头函数不能用于构造函数，不能使用 `new`4、箭头函数不会创建自己的 `this`5、`call()/apply()/bind().
箭头函数和普通函数的区别
qq_36582776的博客
04-01 319
1.箭头函数没有prototype属性 2.箭头函数的this指向定义时外层第一个普通函数的this 不能直接修改箭头函数的this 当箭头函数外层没有普通函数时，它的this在严格和非严格模式都是指向window。 3.箭头函数有外层函数时，arguments继承自外层函数的arguments,内部修改没用 箭头函数没有外层函数直接使用arguments会报错 function foo() { console.log(arguments);/...
ES6箭头函数与普通函数的区别
很多时候犯错都是在不知情的情况下发生的
08-19 1881
箭头函数与普通函数的区别 作为ES6中新加入的箭头函数语法，深受广大开发人员的喜爱，也是平时前端面试过程中经常会被提及问道的典型题目。它不仅简化了我们的代码，而且也让开发人员摆脱了“飘忽不定”的this指向，本文就箭头函数与普通函数的区别进行一些分析。 在我看来，面试官最关注的也是两者最关键的区别就是this指向的区别，普通函数中的this指向函数被调用的对象，因此对于不同的调用者，this的...
JavaScript的函数
读心悦
03-03 800
箭头函数 箭头函数没有单独的this、arguments、super，并且不能作为构造函数。 虽然箭头函数没有创建自己的this，但是它会在自己的作用域链上继承this，不能修改this的指向，所以在call和apply调用时，只能传参数，不能绑定this。 function Duxin(){ this.name='duxin'; setInterval(()=>{ console.log(this.name) },1000) } 箭头函数没有prototy
【ES6】箭头函数
青山野火
02-25 1947
文章目录一、箭头函数是什么？二、用法详解1.箭头函数的参数2.箭头函数的函数体3.箭头函数与普通函数变量提升this的指向箭头函数不可以作构造函数不可以使用arguments对象总结 一、箭头函数是什么？ ES6 允许使用“箭头”（ => ）定义函数。 let foo = v => v; // 上面的箭头函数等同于： let foo = function(v) { return v; }; 箭头函数(=>）的左边是参数，右边是函数体。 二、用法详解 1.箭头函数的参数 当..
ES6箭头函数
一个有思想的新时代农民工的博客
10-12 796
一、语法根据参数个数不同，分这几种情况： 1、() => { … } // 零个参数用 () 表示； 2、x => { … } // 一个参数可以省略 ()； 3、(x, y) => { … } // 多参数不能省略 ()； 1、 具有一个参数的简单函数var single = a => a single('hello, world') // 'hello, world
箭头函数和普通函数区别
lb6514052的博客
02-26 500
箭头函数与普通函数区别可不止this指向不同这一个知识点哦~。 箭头函数的不同点 语法更简洁、直观。 从作用域上层继承this。 bind、call和apply对箭头函数没效果。 不绑定arguments对象。 不能使用new关键字。 没有原型(prototype)。 1.语法更简洁 (param1, param2, …, paramN) => { return statements } (param1, param2, …, paramN) => st...
es6箭头函数的高级语法
05-19
ES6箭头函数是一种简洁的函数语法，它可以让我们更容易地编写函数，并且更容易理解代码。下面是一些ES6箭头函数的高级语法： 1. 箭头函数的基本语法： ``` (param1, param2, …, paramN) => { statements } (param...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值