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

最新推荐文章于 2024-10-02 05:39:15 发布
最新推荐文章于 2024-10-02 05:39:15 发布
阅读量183 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_75474092/article/details/128067923
版权

语法格式：

普通函数：function （//参数）{//函数主体}

        可以调用new 有原型

        可以是函数表达式也可以是函数声明

箭头函数：（）=>{}

        不能调用new 无构造函数的能力 无原型

        是匿名函数 

arguments：

        普通函数有arguments对象

        箭头函数无argument对象但可调用外围arguments对象 

this指向：

        普通函数的this指向是动态的 //指向发生者（哪里发生）

        箭头函数的this一般是全局对象被普通函数包含指向上一层 //指向创建者（哪里创建）

call、apply和bind：

        普通函数：可以通过其修改this值

        箭头函数：不可通过其修改this值

有梦想的笨笨
关注
【面试】new原理、箭头函数和普通函数区别
wusq的博客
09-13 1290
常考面试题 箭头函数与普通函数的区别 new原理
js代码-014面试题--普通函数与箭头函数的区别
07-16
举个例子，对比普通函数和箭头函数的`this`行为： ```javascript let obj = { name: 'Alice', sayName: function() { console.log(this.name); }, arrowSayName: () => { console.log(this.name); } }; obj....
js中箭头函数和普通函数区别
weixin_43190804的博客
05-25 4787
一.箭头函数和普通函数 箭头函数相当于匿名函数，并且简化了函数定义。 箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。 还有一种可以包含多条语句，这时候就不能省略{ … }和return。 let fun = () => { console.log('111'); } function fun() { //普通函数 console.log('123'); } 二、箭头函数和普通函数的区别 1. 箭头函数不能作为构造函数，而普通函数可以： 箭头函
箭头函数和普通函数区别
lb6514052的博客
02-26 506
箭头函数与普通函数区别可不止this指向不同这一个知识点哦~。 箭头函数的不同点 语法更简洁、直观。 从作用域上层继承this。 bind、call和apply对箭头函数没效果。 不绑定arguments对象。 不能使用new关键字。 没有原型(prototype)。 1.语法更简洁 (param1, param2, …, paramN) => { return statements } (param1, param2, …, paramN) => st...
一篇讲透：箭头函数、普通函数有什么区别
~~~
12-25 8515
本文主要总结了箭头函数和普通函数的几大区别，箭头函数是ES6（ECMAScript 6）新增的使用箭头（=>）语法定义函数表达式的能力。任何可以使用函数表达式的地方，都可以使用箭头函数，并且它的语法比传统的函数表达式更加简洁。箭头函数虽然语法简洁，但也有一些场合不适用，需要根据不同的场景选择使用合适的函数。
箭头函数和普通函数的常见区别
曲鸟
08-05 5734
经过上述分析发现普通函数的功能会比箭头函数更强大一些，但这也不是说我们就要避免使用箭头函数。而是应该根据实际的应用场景来选择。对于使用react hooks来开发前端的我而言，基本很少使用普通函数，大部分的箭头函数使用也未造成开发的影响，代码反而简洁了不少。这两者也没有谁优谁劣的说法，看个人喜好来选择也是可以的。没必要在这些问题上花费过多的时间去争论，哪种让自己用起来更舒服用哪种就行。...
箭头函数与普通函数的区别
yzkdcsdn的博客
11-12 2万+
箭头函数与普通函数的区别 1、外形不同：箭头函数使用箭头定义，普通函数中没有。 2、 箭头函数全都是匿名函数：普通函数可以有匿名函数，也可以有具名函数 3、箭头函数不能用于构造函数：普通函数可以用于构造函数，以此创建对象实例。 4、箭头函数中 this 的指向不同：在普通函数中，this 总是指向调用它的对象，如果用作构造函数，它指向创建的对象实例。 5、箭头函数不具有 arguments 对象：每一个普通函数调用后都具有一个 arguments 对象，用来存储实际传递的参数。但是箭头函数并没有此对象。 6
es6箭头函数和普通函数区别
lzfengquan的博客
07-07 597
箭头函数和普通函数 1箭头函数是匿名函数，不能作为构造函数，不能使用new 2 箭头函数不能绑定arguments,取而代之用rest参数…解决 3 箭头函数没有原型prototype属性 4 箭头函数的this永远指向其上下文的this,没有办法改变其指向 普通函数的this指向调用它的对象 5 箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值 ...
箭头函数与普通函数的区别详解
热门推荐
qq_42258904的博客
11-24 8万+
箭头函数和普通函数的区别 一.外形不同：箭头函数使用箭头定义，普通函数中没有 代码实例如下： // 普通函数 function func(){ // code } // 箭头函数 let func=()=>{ // code } 二.箭头函数都是匿名函数 普通函数可以有匿名函数，也可以有具体名函数，但是箭头函数都是匿名函数。 代码实例如下： // 具名函数 function func(){ // code } // 匿名函数 let func=function(){ // cod
箭头函数与普通函数的区别？
m0_62118859的博客
05-09 2万+
1. 箭头函数比普通函数更加简洁 如果没有参数，就直接写一个空括号即可 如果只有一个参数，可以省去参数的括号 如果有多个参数，用逗号分割 如果函数体的返回值只有一句，可以省略大括号 2. 箭头函数没有自己的this 箭头函数不会创建自己的this， 所以它没有自己的this，它只会在自己作用域的上一层继承this。所以箭头函数中this的指向在它在定义时已经确定了，之后不会改变。 3. 箭头函数继承来的this指向永远不会改变 var id = 'GLOBAL'; var obj = {
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
knowLedge-Vue I18n 是 Vue.js 的国际化插件
2301_76671906的博客
09-30 896
Vue 2 中使用 Vue I18n 插件实现中英文切换
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 429
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 594
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
如何使用Redisson的布隆过滤器？
最新发布
付聪
10-02 336
【代码】如何使用Redisson的布隆过滤器？
Web认识 -- 第一课
ZxVSaccount的博客
09-30 1171
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
React响应式修改数组和对象
警警的博客
09-30 792
React的状态是不可变的，这意味着你不能直接修改状态对象中的数组元素，而是需要创建一个新的数组来更新状态。你不能直接修改对象中的属性，而是需要创建一个新的对象来更新状态。不可变性（Immutability）：React中的状态是不可变的，这意味着你不能直接修改状态对象中的数组元素，而是需要创建一个新的数组来更新状态。避免直接修改状态：React的状态是不可变的，直接修改状态（如this.state.items.push(4)）不会触发重新渲染，因为React无法检测到这种变化。// 修改name属性。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值