es6箭头函数和function的区别

最新推荐文章于 2025-06-26 14:27:34 发布
最新推荐文章于 2025-06-26 14:27:34 发布
阅读量545 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_40664253/article/details/99692444

1.this指向
使用function定义的函数，this的指向随着调用环境的变化而变化的，
而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境
2.构造函数
function是可以定义构造函数的，而箭头函数是不行的(不能使用new)。
3.变量提升
function在变量提升中是最高的，箭头函数没有函数提升，所以箭头函数要定义于调用之前
4.写法不同

深度剖析 JS 的箭头函数 = ＞ 与普通函数 function 的区别
czjl6886的博客
02-11 5585
ES6 中添加了箭头函数的规范，在常用的前端框架，如 Vue，也会经常使用到箭头函数，今天我们就来深度学习箭头函数(arrow function)。本文主要介绍箭头函数的概念，重点介绍它与普通函数(function)的区别，包括基本语法、this指向、使用场景等。
箭头函数与function的区别
luwenze的博客
03-17 2872
1.箭头函数与function定义函数的写法不同 //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=>{ return a + b }; 2.this的指向不同 使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。 //function定义的函数 function fucA() { conso
ES6---箭头函数
weixin_44090040的博客
11-06 215
1.箭头函数与function定义函数的写法： //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=>{ return a + b }; 2.this的指向： 使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。 <!DOCTYPE html> <html> <head
箭头函数和普通函数的区别？
最新发布
weixin_65635437的博客
06-26 323
● 箭头函数：箭头函数不没有自己的this，只会从自己的作用域链的上一层继承this. ● 会捕获自己在定义时所处的外层执行环境的this，并继承这个this值。 ● 箭头函数中this的指向在它被定义的时候就已经确定了，之后永远不会改变。箭头函数继承而来的this指向永远不变 ● 箭头函数中的this永远指向它定义时所处的全局执行环境中的this，即便这个函数是作为对象obj的方法调用，它的this依旧指向Window对象。 ● 箭头函数不能作为构造函数使用否则用new调用时会报错！ ●
function和箭头函数的区别
qq_43571041的博客
04-14 1332
1.this指向性 function的this指向性不是固定的，它随着调用环境的改变而改变。 function Student(name,age){ this.name=name this.age=age } show(); function show(){ console.log(this)//window } 此时调用show方法this指向的是window；若我们在页面中添加一个按钮标签，并将show方法绑定到该元素的点击事件
function函数与箭头函数的区别
lizhichengwei的博客
11-30 2814
使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。3.普通函数可以使用arguments参数和args参数，箭头函数不能使用。1.箭头函数与function定义函数的。，箭头函数不可以作为构造函数，不能new。5.普通函数可以先调用后声明,因为有。function函数和箭头函数区别。但是箭头函数必须先声明后调用。，可以使用args参数。4.普通函数可以作为。
ES6箭头函数和扩展实例分析
10-15
**ES6箭头函数**是JavaScript的一个重要更新，它提供了更简洁的语法来定义函数，尤其是在处理回调函数和匿名函数时。箭头函数的主要特点包括： 1. **语法简洁**： 箭头函数的基本形式是 `(参数列表) => 表达式`。...
ES6 箭头函数
我爱JAVA
08-02 468
ES6 引入了箭头函数（Arrow Functions）作为一种新的函数定义方式，它提供了一种更简洁、更灵活的语法，并改变了this的绑定机制。
ES6箭头函数与function区别详解，模块导入导出实战
内容涵盖了箭头函数与传统`function`的区别、`reduce()`方法的说明及其应用，以及`export`和`import`这两个在ES6中引入的模块系统的关键命令，并简单提及了`Number`相关的ES6基础特性。" 在ES6中，箭头函数（Arrow ...
JavaScript ES6箭头函数使用指南
10-17
JavaScript ES6箭头函数是ECMAScript 2015引入的一个重要特性，它提供了更加简洁的函数定义方式，同时也改变了传统函数中`this`的指向规则。箭头函数的出现，部分原因是受到CoffeeScript的影响，其核心在于简化代码...
箭头函数和function对比
weixin_66386149的博客
06-14 656
箭头函数和function对比
浅谈箭头函数和function的区别
fish_skyyyy的博客
02-22 2301
浅谈箭头函数（）=> 和function的区别 我们写代码的时候会发现，箭头函数（）=> 和function都是定义了一个方法，那么这两者之间又有什么区别呢？ 1、写法不同 function Fn1(){ console.log('hello'); } let Fn2=()=>{ console.log('hello'); } 2、this的指向不一样 使用function定义的函数，this的指向随着调用环境的变化而变化的，指向其直接调用者，一般来说最通常的是window对
[面试] function普通函数和箭头函数的区别
qq_14993591的博客
11-29 207
1
ES6 function函数和箭头函数区别
jaryle的专栏
05-23 753
1.箭头函数与function定义函数的写法： //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=>{ return a + b }; 2.this的指向： 使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，...
C++知识点归纳（二）
qeqjkqjklq的博客
09-24 460
内联函数： 函数在class里面定义（侯老师的说法） 好处：快，好 注意：如果函数过于复杂，即使加了inline，编译器也无法把它识别为inline函数 访问级别 一般情况，数据和一些内部使用的函数都被定义为private，而想让外界调用的函数则被定义为public 由上述结果可以，想要访问私有变量，只能通过调用公有的方法来实现 注意：private和public没有严格的摆放顺序 构造函数 C++中，当创建一个对象时，有一个函数就会自动被调用，即使构造函数。 注意： 1、构造函数名称和类的名称一定要相
JavaScript基础之箭头函数与普通function函数的区别
lee前端技术站
07-08 1236
声明函数方式有多种，但是当前比较关心的是ES5和ES6的俩种类型，也就是function类型的函数和箭头函数： // ES5的函数 function fun () {} // ES6 () => {} 函数的定义就是这俩中方式，今天我们不讲别的，只讲讲他们的区别是什么？ （1）箭头函数不能作为构造函数,不能使用new关键字 （2）this的指向不同 ES5函数的this取决于谁调用，那么this就指向谁； ES6箭头函数本身没有this，箭头函数的内部this，指向了其外
普通函数function和箭头函数ES6 ()=」{}的区别
kjssjj12的博客
07-03 380
~~ 普通函数function和箭头函数ES6 ()=>{}的区别 ~~ 箭头函数： let fun = () => { console.log('lalalala'); } 普通函数： function fun() { console.log('lalla'); } 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return。 （1）箭头函数
ES6---箭头函数()=>{} 与function的区别
热门推荐
Freedom的blog
03-05 7万+
1.箭头函数与function定义函数的写法： //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=&gt;{ return a + b }; 2.this的指向： 使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值