箭头函数和普通函数有什么区别

最新推荐文章于 2022-05-09 19:00:00 发布
最新推荐文章于 2022-05-09 19:00:00 发布
阅读量172 收藏
点赞数 1
分类专栏： HTML琐碎知识点总结 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiuqiudongdong/article/details/109307997
版权

普通函数：

  1. this总是指向它的直接调用者，在默认情况下，没有找到直接调用者。this指向window。

  2. 严格模式下，this没有找到直接调用者，this是undefined

  3. 可以使用call、apply、bind、改变this的指向。

箭头函数：

  1. 在使用箭头函数时，捕获它定义所在的区域this，而不是使用时所在的对象。call、apply、bind无法改变this的指向。

  2. 不能用作构造函数，也就是不能new ，否则会抛出错误。

  3. 能不能使用arguments对象，但是可以使用rest参数。

  4. 没有原型属性

  5. 不能使用yield（关键字用来暂停和恢复一个生成器函数（(function* 或遗留的生成器函数）。）

葡萄籽啊
关注
专栏目录
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 771
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
箭头函数与普通函数(function)的区别是什么？构造函数(function)可以使用new生成实例，那么箭头函数可以吗？为什么？
mafeilong618的博客
08-12 806
箭头函数和普通函数的区别 1.箭头函数语法上比普通函数更加简洁(ES6中每一种函数都可以使用形参赋默认值和剩余运算符) 2.箭头函数没有自己的THIS，它里面的THIS是继承函数所处上下文中的THIS（使用CALL/APPY等任何方式都无法改变THIS的指向） 3.箭头函数中没有ARGUMENTS(类数组)，智能基于。。。ARG获取传递的参数集合（数组） 4.箭头函数不能被NEW执行（因为：箭头函数没有THIS也没有prototype） function fn(x){ return function(y){
ES6中箭头函数与普通函数this的区别
weixin_30748995的博客
06-10 169
普通函数中的this: 1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj 2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window 3.在严格模式下,没有直接调用者的函数中的this是 undefined 4.使用call,apply,bind(ES5新增)绑定的,this指的是 ...
箭头函数和普通函数的区别
qq_33699819的博客
03-29 582
首先知道一下什么是箭头函数，箭头函数就是没有function关键字，而是一个类似箭头的函数： var a = ()=>{ return 1; } 相当于 function a(){ return 1; } 那么就来看一下他们的区别 箭头函数作为匿名函数,是不能作为构造函数的,不能使用new var B = ()=>{ value:1; } var b = new B(...
箭头函数
weixin_43355113的博客
03-23 257
箭头函数与普通函数的区别 箭头函数是匿名函数，不能作为构造函数，不能使用new let FunConstructor = () => { console.log('lll'); } let fc = new FunConstructor(); 箭头函数不绑定arguments，取而代之用rest参数…解决 function A(a){ console.log(argu...
箭头函数和普通函数的区别是什么？
weixin_44562686的博客
07-01 725
普通函数this： this总是代表它的直接调用者。 在默认情况下，没找到直接调用者，this指的是window。 在严格模式下，没有直接调用者的函数中的this是undefined。 使用call,apply,bind绑定，this指的是绑定的对象。 箭头函数this： 在使用=>定义函数的时候，this的指向是 定义时所在的对象，而不是使用时所在的对象； 不能够用作构造函数，这就是说，不能够使用new命令，否则就会抛出一个错误； 不能够使用 arguments 对象； 不能使用 yield 命令；
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
js代码-014面试题--普通函数与箭头函数的区别
07-16
举个例子，对比普通函数和箭头函数的`this`行为： ```javascript let obj = { name: 'Alice', sayName: function() { console.log(this.name); }, arrowSayName: () => { console.log(this.name); } }; obj....
箭头函数与普通函数的区别
热门推荐
yzkdcsdn的博客
11-12 2万+
箭头函数与普通函数的区别 1、外形不同：箭头函数使用箭头定义，普通函数中没有。 2、 箭头函数全都是匿名函数：普通函数可以有匿名函数，也可以有具名函数 3、箭头函数不能用于构造函数：普通函数可以用于构造函数，以此创建对象实例。 4、箭头函数中 this 的指向不同：在普通函数中，this 总是指向调用它的对象，如果用作构造函数，它指向创建的对象实例。 5、箭头函数不具有 arguments 对象：每一个普通函数调用后都具有一个 arguments 对象，用来存储实际传递的参数。但是箭头函数并没有此对象。 6
箭头函数跟普通函数的区别
weixin_47218056的博客
09-07 6506
箭头函数跟普通函数的区别 1.写法不同 箭头函数使用箭头定义，普通函数中没有。 //箭头函数 (参数1，参数2...参数n)=>{ //代码段 } //普通函数 function 函数名(参数1，参数2...参数n)=>{ //代码段 } 2.箭头函数不能用于构造函数 普通函数可以用于构造函数，以此创建对象实例。 3.箭头函数中this的指向不同 箭头函数自身没有this，它的this是父级普通函数的this. 在普通函数中，this总是指向调用它的对象或者，如果用作构造函数，
箭头函数和普通函数有什么区别？
joker的博客
10-01 486
1.箭头函数是匿名函数箭头函数不能作为构造函数使用不能使用new 2.箭头函数的this,始终指向父级上下文 3.箭头函数不能通过callapplybind改变this指向,但是可以通过这些方法传递参数 4.箭头函数没有原型属性 5.箭头函数没有arguments属性,可以用...展开运算符来接收所有的参数集合 一、箭头函数没有自己的this对象 箭头函数的this是在定义函数时绑定的，不是在执行过程中绑定的，箭头函数内的this就是箭头函数外的那个this var a = '自行车...
箭头函数与普通函数的区别？
m0_62118859的博客
05-09 2万+
1. 箭头函数比普通函数更加简洁 如果没有参数，就直接写一个空括号即可 如果只有一个参数，可以省去参数的括号 如果有多个参数，用逗号分割 如果函数体的返回值只有一句，可以省略大括号 2. 箭头函数没有自己的this 箭头函数不会创建自己的this， 所以它没有自己的this，它只会在自己作用域的上一层继承this。所以箭头函数中this的指向在它在定义时已经确定了，之后不会改变。 3. 箭头函数继承来的this指向永远不会改变 var id = 'GLOBAL'; var obj = {
箭头函数和普通函数之间的区别？
weixin_47450807的博客
03-17 1857
一、写在前面 今天看到一道面试题，讲的是箭头函数和普通函数之间的区别，我想了一下，发现自己答不全，所以写一篇博客来具体总结一下。 二、具体区别 2.1、普通函数和箭头函数的this指向不同。箭头函数中没有this。 let obj = { say: function() { console.log(this) } } obj.say() //{ say: func } let obj2 = { say: () => { console.log(this) } }
箭头函数和普通函数（function）的区别是什么？
qq_38432842的博客
04-18 485
箭头函数和普通函数的区别是什么 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录箭头函数和普通函数的区别是什么一、箭头函数和普通函数的区别是什么？二、箭头函数带来的好处 一、箭头函数和普通函数的区别是什么？ 箭头函数没有this，它会从自己的作用域链的上一层继承this，因此无法使用apply/call/bind进行绑定this值； 不绑定arguments，当在箭头函数中调用arguments时同样会向作用域链中查询结果。 不可以使用yield命令，因此箭头函数不能作Ge
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值