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

最新推荐文章于 2025-06-26 14:27:34 发布
最新推荐文章于 2025-06-26 14:27:34 发布
阅读量3.8k 收藏 7
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u010794797/article/details/80431976
本文详细探讨了箭头函数与普通函数的区别，包括箭头函数不具备函数提升特性、没有自己的this和arguments、不能用作构造函数及不支持call和apply改变执行上下文等关键特性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.普通function的声明在变量提升中是最高的，箭头函数没有函数提升

2.箭头函数没有this，arguments

3.箭头函数不能作为构造函数，不能被new，没有property,

4.call和apply方法只有参数，没有作用域

ES6的箭头函数和普通函数相比有什么不同？
祈澈菇凉
11-06 313
箭头函数适用于简单的函数定义和回调函数，对于需要使用 this 或 arguments 对象的情况，传统函数仍然更适合使用。箭头函数没有自己的 arguments 对象，无法通过 arguments 访问传入的参数列表。箭头函数没有自己的 this 值，它的 this 值继承自外部的词法作用域。这意味着在箭头函数内部，无法通过 this 访问到函数自身的上下文，而是使用外部作用域的 this 值。箭头函数使用箭头（=>）来定义函数，语法更加简洁明了，省略了传统函数中的 function 关键字和大括号。
ES6中的箭头函数详细梳理
m0_67392126的博客
08-01 311
ES6中允许使用=>来定义函数。箭头函数相当于匿名函数，并简化了函数定义。箭头函数没有自己的this指向，它会捕获自己定义所处的外层执行环境，并且继承这个this值。箭头函数的this指向在被定义的时候就确定了，之后永远都不会改变。（！永远）（1）箭头函数语法更简洁清晰，快捷。（2）箭头函数没有原型prototype，并不会自己创建this，并且this不能被修改，call等都不能修改到。只能间接修改被继承的this（3）箭头函数的this在定义时就定了，继承外一层的普通函数httpshttps。...
深度剖析 JS 的箭头函数 = ＞ 与普通函数 function 的区别
czjl6886的博客
02-11 5593
ES6 中添加了箭头函数的规范，在常用的前端框架，如 Vue，也会经常使用到箭头函数，今天我们就来深度学习箭头函数(arrow function)。本文主要介绍箭头函数的概念，重点介绍它与普通函数(function)的区别，包括基本语法、this指向、使用场景等。
ES6箭头函数与普通函数的区别
很多时候犯错都是在不知情的情况下发生的
08-19 1932
箭头函数与普通函数的区别 作为ES6中新加入的箭头函数语法，深受广大开发人员的喜爱，也是平时前端面试过程中经常会被提及问道的典型题目。它不仅简化了我们的代码，而且也让开发人员摆脱了“飘忽不定”的this指向，本文就箭头函数与普通函数的区别进行一些分析。 在我看来，面试官最关注的也是两者最关键的区别就是this指向的区别，普通函数中的this指向函数被调用的对象，因此对于不同的调用者，this的...
箭头函数和普通函数的区别？
最新发布
weixin_65635437的博客
06-26 352
● 箭头函数：箭头函数不没有自己的this，只会从自己的作用域链的上一层继承this. ● 会捕获自己在定义时所处的外层执行环境的this，并继承这个this值。 ● 箭头函数中this的指向在它被定义的时候就已经确定了，之后永远不会改变。箭头函数继承而来的this指向永远不变 ● 箭头函数中的this永远指向它定义时所处的全局执行环境中的this，即便这个函数是作为对象obj的方法调用，它的this依旧指向Window对象。 ● 箭头函数不能作为构造函数使用否则用new调用时会报错！ ●
ES6中箭头函数和普通函数的区别
IMJCW的博客
10-16 692
前言 最近在看 ES6 相关的文档，当讲解到箭头函数的时候，说了三个与普通函数的不同点，这里记录一番。 不同点 箭头函数的 this 指向定义时所在的对象 先来个普通函数的例子： var user = { name: 'demo', getInfo: function () { setTimeout(function () { console.log(this) }, 200) } } 再来一个箭头函数的例子： var us
ES6中的箭头函数和普通函数有什么区别？
芮芮白的博客
02-05 1744
ES6中的箭头函数和普通函数有什么区别？ 1、普通函数的 this 永远指向调用它的那个对象（谁调用，this 就指向谁） 箭头函数没自己的 this，它的 this 永远指向其定义环境，任何方法都不能改变其指向，如 call()、bind()、apply()等。（正因为它没有 this，所以也就不能用作构造函数，也没有原型对象）。 2、箭头函数不能当做构造函数，也就是说，不能使用 new 命令，否则会报错。 3、箭头函数没有原型属性。 4、箭头函数不能使用 arguments 对象，该对象在函数
ES6中箭头函数与普通函数this的区别
weixin_30748995的博客
06-10 216
普通函数中的this: 1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj 2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window 3.在严格模式下,没有直接调用者的函数中的this是 undefined 4.使用call,apply,bind(ES5新增)绑定的,this指的是 ...
javascript ES6中箭头函数注意细节小结
10-20
总结以上内容，ES6中箭头函数的引入，旨在为JavaScript开发者提供更加简洁和直观的函数书写方式，并解决了传统函数中关于this指向的困扰。通过使用箭头函数，可以避免常规函数中常见的this绑定问题，使得代码更加...
ES6中的箭头函数实例详解
08-30
ES6中的箭头函数是JavaScript语言的一个重要更新，它提供了一种更为简洁的函数定义方式。箭头函数的出现使得代码更加紧凑，可读性更强，同时也解决了一些关于`this`指向的问题。以下是对箭头函数的详细解析。 **...
es6中的箭头函数和普通函数有什么区别？
屈小康
06-20 625
es6中的箭头函数和普通函数有什么区别？ 1、普通函数的this总是指向他的调用者，箭头函数中没有自己的this，所以它的this指向其定义的环境，任何方法都改变不了他的this指向{call bind apply} 2、箭头函数没有自己的this所以不能用于构造函数，也没有原型对象，箭头函数不能作为构造函数，也没有原型对象，所以就不能用new，不然就会报错。 3、箭头函数不能使用yield命令，因此箭头函数不能用作Generator函数。 4、箭头函数不能使用arguments对象，该函数在函数体内不存
箭头函数跟普通函数的区别
weixin_47218056的博客
09-07 6614
箭头函数跟普通函数的区别 1.写法不同 箭头函数使用箭头定义，普通函数中没有。 //箭头函数 (参数1，参数2...参数n)=>{ //代码段 } //普通函数 function 函数名(参数1，参数2...参数n)=>{ //代码段 } 2.箭头函数不能用于构造函数 普通函数可以用于构造函数，以此创建对象实例。 3.箭头函数中this的指向不同 箭头函数自身没有this，它的this是父级普通函数的this. 在普通函数中，this总是指向调用它的对象或者，如果用作构造函数，
ES6箭头函数---（箭头函数和普通函数的区别）
辰俊
12-31 1288
箭头函数 一个参数 // 只有一个参数 // f ： 函数名称 // v : 函数参数 // v+v : 函数内容 let f=v=> v+v console.log(f(10)) //20 两个参数 // 两个参数需加小括号 let ff=(v1,v2)=> v1+v2 console.log(ff(10,20)) 多个语句 // 有多个语句的时候需要加大括号 // 有多个语句的时候return不能省略 let fff=(a,b,c)=> { console.l
ES6中的箭头函数和普通函数的区别
tyxjolin的专栏
05-04 1623
箭头函数是ES6中新增的一种函数类型，它具有许多特性和优点。与普通函数相比，箭头函数具有更短的语法、更简洁的代码、更清晰的上下文、更简单的this绑定和更好的性能。然而，箭头函数也有一些限制和缺点，例如不能作为构造函数、没有arguments对象、不能使用yield关键字和无法访问arguments.callee和new.target等。在实际编程中，需要根据具体情况选择使用箭头函数或普通函数。
ES6-箭头函数、以及箭头函数和普通函数的区别
weixin_45290438的博客
10-17 224
之前写项目的时候遇到函数中的this指向问题，最近总结了一些关于ES6中新增的箭头函数的用法以及与普通函数的区别。也欢迎大家随时指正、探讨！谢谢！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值