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

最新推荐文章于 2022-12-27 21:12:56 发布
最新推荐文章于 2022-12-27 21:12:56 发布
阅读量378 收藏 2
点赞数
分类专栏： js 文章标签： js函数 箭头函数 es6函数 箭头函数与普通函数区别 es5函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinzechen/article/details/89884159
版权

箭头函数：
箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return。

箭头函数是匿名函数，不能作为构造函数，不能使用new

在这里插入图片描述
在这里插入图片描述

箭头函数不绑定arguments，取而代之用rest参数…解决

在这里插入图片描述

箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值

在这里插入图片描述
在这里插入图片描述

箭头函数通过 call() 或 apply() 方法调用一个函数时，只传入了一个参数，对 this 并没有影响。

在这里插入图片描述

箭头函数没有原型属性

在这里插入图片描述

箭头函数不能当做Generator函数,不能使用yield关键字

箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不了其指向，如 call() , bind() , apply()

普通函数的this指向调用它的那个对象

箭头函数与普通函数区别
yanmo1028的博客
10-02 287
js中的this指向 1.箭头函数的出现就是为了解决ES5中this指向混乱的问题 2.箭头函数没有自己的this,它的this来自父级上下文,并且永远指向父级上下文 3.箭头函数的this不会在调用的时候被改变, 因为箭头函数在声明的时候它的this就已经被永久的确定了 箭头函数中的this指向 1.箭头函数的出现就是为了解决ES5中this指向混乱的问题 2.箭头函数没有自己的this,它的this来自父级上下文,并且永远指向父级上下文 3.箭头函数的this不会在调用的时候被改变, 因为箭头函数
箭头函数
weixin_43355113的博客
03-23 257
箭头函数与普通函数的区别 箭头函数是匿名函数，不能作为构造函数，不能使用new let FunConstructor = () => { console.log('lll'); } let fc = new FunConstructor(); 箭头函数不绑定arguments，取而代之用rest参数…解决 function A(a){ console.log(argu...
普通函数和箭头函数的区别
qq_34507902的博客
11-07 249
详解箭头函数和普通函数的区别以及箭头函数的注意事项、不适用场景 箭头函数是ES6的API，相信很多人都知道，因为其语法上相对于普通函数更简洁，深受大家的喜爱。就是这种我们日常开发中一直在使用的API，大部分同学却对它的了解程度还是不够深… 普通函数和箭头函数的区别： 箭头函数的this指向规则： 箭头函数没有prototype(原型)，所以箭头函数本身没有this let a = () =>{}; console.log(a.prototype); // undefined 1 2 箭
箭头函数与普通函数的区别？
热门推荐
m0_62118859的博客
05-09 2万+
1. 箭头函数比普通函数更加简洁 如果没有参数，就直接写一个空括号即可 如果只有一个参数，可以省去参数的括号 如果有多个参数，用逗号分割 如果函数体的返回值只有一句，可以省略大括号 2. 箭头函数没有自己的this 箭头函数不会创建自己的this， 所以它没有自己的this，它只会在自己作用域的上一层继承this。所以箭头函数中this的指向在它在定义时已经确定了，之后不会改变。 3. 箭头函数继承来的this指向永远不会改变 var id = 'GLOBAL'; var obj = {
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 774
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
js代码-014面试题--普通函数与箭头函数的区别
07-16
JavaScript是Web开发中不可或缺的一部分，其语法特性多样且灵活，其中普通函数与箭头函数是两种常见的函数定义方式。在JavaScript的世界里，理解和掌握它们之间的区别对于开发者来说至关重要，尤其是在面试过程中，...
JavaScript普通函数与箭头函数有怎样的区别？
艾编程带你学前端博客
12-27 1056
比较点普通函数箭头函数具体案例简写/箭头函数如果没有参数，同时函数体的返回值只有一句，则{}和return都可以省略。1、函数简写this指向this总是指向调用它的对象，如果作为构造函数，它指向创建的对象实例箭头函数的this指向的是父级作用域的this，是通过查找作用域链来确定 this 的值，也就是说看的是上下文的this，指向的是定义它的对象，而不是使用时所在的对象。2、this指向this改变call()、apply()、bind()等方法能改函数中this的指向。
普通函数与箭头函数的区别
weixin_34366546的博客
04-19 298
箭头函数 let fun = () => { console.log('lalalala'); } 复制代码普通函数： function fun() { console.log('lalla'); } 复制代码箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能...
箭头函数和普通函数的区别
qq_43789598的博客
06-09 1412
箭头函数和普通函数的区别
普通函数与箭头函数的区别是什么？
qq_51441159的博客
11-01 1830
普通函数与箭头函数的区别
js中 箭头函数与普通函数区别
最新发布
03-24
箭头函数和普通函数的主要区别在于 this 的指向。箭头函数的 this 指向的是定义时所在的作用域，而不是执行时的作用域。另外，箭头函数没有自身的 arguments 对象，也不能使用 new 关键字调用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值