js普通函数与箭头函数的区别

最新推荐文章于 2023-06-02 13:51:22 发布
最新推荐文章于 2023-06-02 13:51:22 发布
阅读量187 收藏 1
点赞数
分类专栏： 不得不知道的js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45535899/article/details/113338903
版权

js普通函数与箭头函数的区别

this方面

  • 普通函数内部的this，默认指向window，严格模式下指undefined；
  • 箭头函数内部的this，与上一级作用域中的this指向同一个地方。

arguments方面

  • 普通函数，可以通过arguments来实现重载
  • 箭头函数中，没有arguments，代替它功能是剩余参数rest（…）

原型对象方面

  • 普通函数，是有自己的原型对象的
  • 箭头函数，没有原型对象

new方面

  • 普通函数，可以作为构造函数，通过new实例化出子函数
  • 箭头函数，不能作为构造函数，使用new会报错

简易程度

  • 箭头函数比普通函数的使用简短更多；同时箭头函数通常是匿名函数
奇奇怪怪&
关注
专栏目录
JavaScript的箭头函数与普通函数区别？
Learn-anything.cn
11-21 229
一、什么是箭头函数？ 箭头函数用更简洁的方式，来完成普通函数的功能，但是不具备普通函数拥有的属性： this 、 arguments 、 super 、 new.target，有两种表达形式： 1、(...args) => expression args表示参数有0个、1个、多个；expression表示一个js表达式，只有一行代码。 2、 (...args) => { body } args表示参数有0、1、多个；body表示有多行代码，最后一行必须是 return 语句。
JavaScript普通函数与箭头函数有怎样的区别？
艾编程带你学前端博客
12-27 1073
比较点普通函数箭头函数具体案例简写/箭头函数如果没有参数，同时函数体的返回值只有一句，则{}和return都可以省略。1、函数简写this指向this总是指向调用它的对象，如果作为构造函数，它指向创建的对象实例箭头函数的this指向的是父级作用域的this，是通过查找作用域链来确定 this 的值，也就是说看的是上下文的this，指向的是定义它的对象，而不是使用时所在的对象。2、this指向this改变call()、apply()、bind()等方法能改函数中this的指向。
JS中箭头函数和普通函数的区别
sshaohui的博客
10-02 380
1JS中的this指向分别是那些 2箭头函数和普通函数的区别 3箭头函数this指向
js 箭头函数和普通函数的区别
weixin_45976071的博客
03-28 634
ECMAScript6 中新增了箭头函数。任何使用表达式的地方，都可以使用箭头函数。 箭头函数的注意事项： 如果箭头函数只有一个参数，可以不用加括号 箭头函数可以没有{}，但是只能写一行代码，是一个值或者是表达式，该函数的返回值就是这行代码的值。 和普通函数的区别： 箭头函数不能用作构造函数，不能用new 箭头函数不能使用arguments，而普通函数内部的arguments对象用来存储传入函数的所有参数。 箭头函数不可以使用super 箭头函数没有prototype属性，没有原型对象
JavaScript中的箭头函数和普通函数的区别
第⑦个前端
03-01 503
普通函数： function add(a,b){return a+b}; 箭头函数：（a,b）=>a+b; 这里就不详细说明箭头函数的简写规则，2者区别主要分为以下几个方面： 1.this方面： 普通函数内部的this，默认指向window，严格模式下指向undefined； 箭头函数内部的this，与上一级作用域中的this指向同一个地方。 2.arguments方面： 普通函数，可以通过arguments来实现重载； 箭头函数中，没有arguments，代替它功能是剩余参数rest（…）。 3.原
js代码-014面试题--普通函数与箭头函数的区别
07-16
JavaScript是Web开发中不可或缺的一部分，其语法特性多样且灵活，其中普通函数与箭头函数是两种常见的函数定义方式。在JavaScript的世界里，理解和掌握它们之间的区别对于开发者来说至关重要，尤其是在面试过程中，...
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
js[面试题]箭头函数和普通的区别
qq_41421033的博客
05-15 1523
箭头函数与普通函数的区别 1、外形不同：箭头函数使用箭头定义，普通函数中没有。 2、箭头函数全都是匿名函数：普通函数可以有匿名函数，也可以有具名函数 3、箭头函数不能用于构造函数：普通函数可以用于构造函数，以此创建对象实例。 4、箭头函数中 this 的指向不同： 在箭头函数中不会创建自己的this，只会从自己的作用域链的上一层继承this。（注意其中对象不构成作用域） 在普通函数中，this 总是指向调用它的对象，如果用作构造函数，它指向创建的对象实例。 5、箭头函数不具有 arguments 对象：
JS箭头函数和普通函数的区别
Start_t的博客
11-30 583
JS箭头函数和普通函数的区别写在前面1.箭头函数与function定义函数的写法2.this的指向3.构造函数4.变量提升5.换行 写在前面 箭头函数是普通函数的简写，而箭头函数和普通函数的差异如下： 1、this指向。箭头函数的this永远指向其上下文的this，没有办法改变其指向；而普通函数的this指向调用它的对象 2、不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，...
JS中箭头函数和普通函数的五种区别
tengxi_5290的博客
05-25 680
JS中箭头函数和普通函数的五种区别
js中箭头函数和普通函数区别
weixin_43190804的博客
05-25 4809
一.箭头函数和普通函数 箭头函数相当于匿名函数，并且简化了函数定义。 箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。 还有一种可以包含多条语句，这时候就不能省略{ … }和return。 let fun = () => { console.log('111'); } function fun() { //普通函数 console.log('123'); } 二、箭头函数和普通函数的区别 1. 箭头函数不能作为构造函数，而普通函数可以： 箭头函
JavaScript 箭头函数与普通函数有什么区别？
KangTongShun的博客
03-19 2715
一、定义的形式不同： 箭头函数带箭头，普通函数不带 二、箭头函数全都是匿名函数： 普通函数可以有匿名函数，也可以有具名函数。 let fn= ()=>{ //箭头函数定义 } function fn1(){//普通函数定义方式 } //或 let fn2=function(){ } 三、箭头函数中this的指向不同： 箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不了...
JS普通函数和箭头函数的区别
Nikoye的博客
01-06 203
（1）箭头函数的this是静态的，this始终会指向函数声明时所在的作用域下，用call（）修改this的指向，是无效的。（3）箭头函数不能使用arguments变量，arguments变量的使用。（2）箭头函数不能做为构造函数实例化对象。（4）箭头函数可以简写。
js的箭头函数和普通函数的区别
牛先森家的博客
06-12 234
js的箭头函数和普通函数
js箭头函数和普通函数区别
qq_18138105的博客
04-10 1849
js箭头函数和普通函数区别 实验环境：nodejs v12.16.1 箭头函数不能作为构造函数，而普通函数可以 箭头函数没有原型，而普通函数有。 箭头函数return可以省略语句块。 箭头函数不绑定arguments(注意：浏览器环境下获取箭头函数的arguments会报错)，而普通函数argument绑定了参数列表对象 this指向问题 箭头函数的this指向上层函数作用域的thi...
JavaScript：箭头函数与普通函数的区别与适用场景
最新发布
孙悟空
06-02 1844
本文介绍了js中普通函数与箭头函数的区别与适用场景，并给出示例代码。
JavaScript：普通函数与箭头函数的区别与应用解析
"JavaScript中的普通函数和箭头函数的区别和用法详解" JavaScript 是一种动态类型的脚本语言，广泛应用于Web开发。在JavaScript中，有两种主要的函数定义方式：普通函数和箭头函数。它们在语法、作用域以及`this`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

奇奇怪怪&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值