es6箭头函数和function的区别

最新推荐文章于 2022-11-30 23:04:54 发布
最新推荐文章于 2022-11-30 23:04:54 发布
阅读量509 收藏 3
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40664253/article/details/99692444
版权

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

乙只
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深度剖析 JS 的箭头函数 = ＞ 与普通函数 function 的区别
czjl6886的博客
02-11 4936
ES6 中添加了箭头函数的规范，在常用的前端框架，如 Vue，也会经常使用到箭头函数，今天我们就来深度学习箭头函数(arrow function)。本文主要介绍箭头函数的概念，重点介绍它与普通函数(function)的区别，包括基本语法、this指向、使用场景等。
箭头函数与function的区别
luwenze的博客
03-17 2722
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 181
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
function和箭头函数的区别
qq_43571041的博客
04-14 1190
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 2365
使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。3.普通函数可以使用arguments参数和args参数，箭头函数不能使用。1.箭头函数与function定义函数的。，箭头函数不可以作为构造函数，不能new。5.普通函数可以先调用后声明,因为有。function函数和箭头函数区别。但是箭头函数必须先声明后调用。，可以使用args参数。4.普通函数可以作为。
ES6箭头函数和扩展实例分析
10-15
**ES6箭头函数**是JavaScript的一个重要更新，它提供了更简洁的语法来定义函数，尤其是在处理回调函数和匿名函数时。箭头函数的主要特点包括： 1. **语法简洁**： 箭头函数的基本形式是 `(参数列表) => 表达式`。...
JavaScript ES6箭头函数使用指南
10-17
JavaScript ES6箭头函数是ECMAScript 2015引入的一个重要特性，它提供了更加简洁的函数定义方式，同时也改变了传统函数中`this`的指向规则。箭头函数的出现，部分原因是受到CoffeeScript的影响，其核心在于简化代码...
关于ES6箭头函数中的this问题
08-27
ES6箭头函数中的this问题 ES6中新增了箭头函数这种语法，箭头函数以其简洁性和方便获取this的特性。然而，在箭头函数中this的指向却与一般函数定义的函数不同。箭头函数中的this是在定义函数的时候绑定，而不是在...
ES6中的箭头函数实例详解
08-30
对比ES5和ES6，我们可以看到箭头函数的简洁性： - ES5: ```javascript var selected = allJobs.filter(function (job) { return job.isSelected(); }); ``` - ES6: ```javascript var selected = allJobs.filter...
箭头函数和function对比
weixin_66386149的博客
06-14 551
箭头函数和function对比
浅谈箭头函数和function的区别
fish_skyyyy的博客
02-22 1846
浅谈箭头函数（）=> 和function的区别 我们写代码的时候会发现，箭头函数（）=> 和function都是定义了一个方法，那么这两者之间又有什么区别呢？ 1、写法不同 function Fn1(){ console.log('hello'); } let Fn2=()=>{ console.log('hello'); } 2、this的指向不一样 使用function定义的函数，this的指向随着调用环境的变化而变化的，指向其直接调用者，一般来说最通常的是window对
[面试] function普通函数和箭头函数的区别
qq_14993591的博客
11-29 153
1
C++知识点归纳（二）
qeqjkqjklq的博客
09-24 390
内联函数： 函数在class里面定义（侯老师的说法） 好处：快，好 注意：如果函数过于复杂，即使加了inline，编译器也无法把它识别为inline函数 访问级别 一般情况，数据和一些内部使用的函数都被定义为private，而想让外界调用的函数则被定义为public 由上述结果可以，想要访问私有变量，只能通过调用公有的方法来实现 注意：private和public没有严格的摆放顺序 构造函数 C++中，当创建一个对象时，有一个函数就会自动被调用，即使构造函数。 注意： 1、构造函数名称和类的名称一定要相
JavaScript基础之箭头函数与普通function函数的区别
lee前端技术站
07-08 1130
声明函数方式有多种，但是当前比较关心的是ES5和ES6的俩种类型，也就是function类型的函数和箭头函数： // ES5的函数 function fun () {} // ES6 () => {} 函数的定义就是这俩中方式，今天我们不讲别的，只讲讲他们的区别是什么？ （1）箭头函数不能作为构造函数,不能使用new关键字 （2）this的指向不同 ES5函数的this取决于谁调用，那么this就指向谁； ES6箭头函数本身没有this，箭头函数的内部this，指向了其外
普通函数function和箭头函数ES6 ()=」{}的区别
kjssjj12的博客
07-03 323
~~ 普通函数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指向是固定不...
ES6---箭头函数与function定义函数有什么区别？在箭头函数中，this指向，构造函数，变量提升是如何表现的？
Wbiokr的博客
07-20 8744
简洁 ///function定义函数 function aaa(a,b){ return a+b; }///箭头函数定义函数 var aaa=(a,b)=>{return a+b;} this指向function传统定义的函数，this指向随着调用环境的改变而改变，而箭头 函数中的指向则是固定不变，一直指向定义环境的。 ///function定义函数中的this指向 function aaa
vue中方法名:function() {} 和 方法名() {}区别
Destiny_shine的博客
03-11 2335
没有本质区别，后者可以说是前者的简写。 methods: { name:function() {}, // ES5写法 name() {} // ES6写法 } 以上两种写法功能是一样的。
ES6箭头函数和它的作用域
hacke2' Blog
11-10 8012
在ES6很多很棒的新特性中, 箭头函数 (或者大箭头函数)就是其中值得关注的一个! 它不仅仅是很棒很酷, 它很好的利用了作用域, 快捷方便的在现在使用以前我们用的技术, 减少了很多代码……但是如果你不了解箭头函数原理的话可能就有点难以理解. 所以,让我们来看下箭头函数, 就是现在!
箭头函数和function
最新发布
05-19
关键字 function 定义的函数是传统的 JavaScript 函数，而箭头函数是 ES6 引入的一种新的函数定义方式。 箭头函数相较于传统函数，有以下几个特点： 1. 箭头函数没有自己的 this，它的 this 是继承外层函数的 this...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值