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

最新推荐文章于 2023-05-04 14:25:22 发布
最新推荐文章于 2023-05-04 14:25:22 发布
阅读量605 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lzfengquan/article/details/107176171
版权

箭头函数和普通函数

1箭头函数是匿名函数，不能作为构造函数，不能使用new
2 箭头函数不能绑定arguments,取而代之用rest参数…解决
3 箭头函数没有原型prototype属性
4 箭头函数的this永远指向其上下文的this,没有办法改变其指向
普通函数的this指向调用它的对象
5 箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值

小刘先生很努力
关注
ES6的箭头函数和普通函数相比有什么不同？
祈澈菇凉
11-06 220
箭头函数适用于简单的函数定义和回调函数，对于需要使用 this 或 arguments 对象的情况，传统函数仍然更适合使用。箭头函数没有自己的 arguments 对象，无法通过 arguments 访问传入的参数列表。箭头函数没有自己的 this 值，它的 this 值继承自外部的词法作用域。这意味着在箭头函数内部，无法通过 this 访问到函数自身的上下文，而是使用外部作用域的 this 值。箭头函数使用箭头（=>）来定义函数，语法更加简洁明了，省略了传统函数中的 function 关键字和大括号。
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 813
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
ES6箭头函数与普通函数的区别
很多时候犯错都是在不知情的情况下发生的
08-19 1898
箭头函数与普通函数的区别 作为ES6中新加入的箭头函数语法，深受广大开发人员的喜爱，也是平时前端面试过程中经常会被提及问道的典型题目。它不仅简化了我们的代码，而且也让开发人员摆脱了“飘忽不定”的this指向，本文就箭头函数与普通函数的区别进行一些分析。 在我看来，面试官最关注的也是两者最关键的区别就是this指向的区别，普通函数中的this指向函数被调用的对象，因此对于不同的调用者，this的...
es6中的箭头函数和普通函数有什么区别？
屈小康
06-20 577
es6中的箭头函数和普通函数有什么区别？ 1、普通函数的this总是指向他的调用者，箭头函数中没有自己的this，所以它的this指向其定义的环境，任何方法都改变不了他的this指向{call bind apply} 2、箭头函数没有自己的this所以不能用于构造函数，也没有原型对象，箭头函数不能作为构造函数，也没有原型对象，所以就不能用new，不然就会报错。 3、箭头函数不能使用yield命令，因此箭头函数不能用作Generator函数。 4、箭头函数不能使用arguments对象，该函数在函数体内不存
箭头函数与普通函数的区别
全栈攻城狮的博客
05-06 391
箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return。 箭头函数是匿名函数，不能作为构造函数，不能使用new 箭头函数不绑定arguments，取而代之用rest参数…解决 箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值 ...
es6箭头函数与普通函数的区别
HDdgut的博客
07-15 267
this指向的区别 普通函数：一般指向它的直接调用者，如果没有调用者（严格模式下）undefined，默认模式下（非严格模式下），指向Window 如果需要明确绑定this的指向 1.通过在外部先将this的值赋值给一个临时变量（var that =this） 示例： var obj ={ a:1, foo=function(){ var that=this; setTimeOut(function(){console.log(that.a)},3000)} } 2.通过bind()来
ES6箭头函数和普通函数中this的区别
落羽成舟-博客
03-28 417
定义上的区别 引用自：ES6中箭头函数VS普通函数的this指向 普通函数中的this 总是代表着它的直接调用者，如obj.fn，fn里的最外层this就是指向obj 默认情况下，没有直接调用者，this指向window 严格模式下（设置了’use strict’），this为undefined 当使用call，apply，bind（ES5新增）绑定的，this指向绑定对象 箭头函数中的this 默认指向定义它时，所处上下文的对象的this指向。 即使是call，apply，bind等方法也不能改
关于ES6箭头函数中的this问题
11-26
在JavaScript的ES6标准中，箭头函数引入了一个新的特性，即`this`的处理方式与传统的函数有所不同。本文将详细解析箭头函数中的`this`问题，帮助开发者更好地理解和运用这一新特性。 通常，`this`在JavaScript中的...
ES6中的箭头函数实例详解
08-30
对比ES5和ES6，我们可以看到箭头函数的简洁性： - ES5: ```javascript var selected = allJobs.filter(function (job) { return job.isSelected(); }); ``` - ES6: ```javascript var selected = allJobs.filter...
ES6中的箭头函数和普通函数的区别
tyxjolin的专栏
05-04 1461
箭头函数是ES6中新增的一种函数类型，它具有许多特性和优点。与普通函数相比，箭头函数具有更短的语法、更简洁的代码、更清晰的上下文、更简单的this绑定和更好的性能。然而，箭头函数也有一些限制和缺点，例如不能作为构造函数、没有arguments对象、不能使用yield关键字和无法访问arguments.callee和new.target等。在实际编程中，需要根据具体情况选择使用箭头函数或普通函数。
箭头函数详解()=>{}
热门推荐
weixin_30685029的博客
08-06 1万+
摘要：箭头函数有几个使用注意点。 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象，箭头函数继承而来的this指向永远不变。 （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 （3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用Rest参数代替。 （4）不可以使用yield命令，因此箭头函数不能用...
es6 箭头函数和普通函数区别？
m0_65730686的博客
07-14 206
面试题 es6 箭头函数和普通函数区别
ES6箭头函数---（箭头函数和普通函数的区别）
辰俊
12-31 1255
箭头函数 一个参数 // 只有一个参数 // f ： 函数名称 // v : 函数参数 // v+v : 函数内容 let f=v=> v+v console.log(f(10)) //20 两个参数 // 两个参数需加小括号 let ff=(v1,v2)=> v1+v2 console.log(ff(10,20)) 多个语句 // 有多个语句的时候需要加大括号 // 有多个语句的时候return不能省略 let fff=(a,b,c)=> { console.l
ES6中的箭头函数和普通函数有什么区别？
芮芮白的博客
02-05 1704
ES6中的箭头函数和普通函数有什么区别？ 1、普通函数的 this 永远指向调用它的那个对象（谁调用，this 就指向谁） 箭头函数没自己的 this，它的 this 永远指向其定义环境，任何方法都不能改变其指向，如 call()、bind()、apply()等。（正因为它没有 this，所以也就不能用作构造函数，也没有原型对象）。 2、箭头函数不能当做构造函数，也就是说，不能使用 new 命令，否则会报错。 3、箭头函数没有原型属性。 4、箭头函数不能使用 arguments 对象，该对象在函数
js es6箭头函数和普通函数的区别
m0_49016709的博客
08-15 420
普通函数在es5中就有了，箭头函数是es6中出现的函数形式，当然也可以继续用普通函数。 1、普通函数 let a=function(){ return 1+1 } let b=function(x){ return x } let c=function(a){ let x=5; return x+a } 2、箭头函数 更简短的函数 单条处理可以省略return和{大括号} 单个参数可以省略(小括号) let a=()=>1+1 let b=x=>x let c=(a)=>
JavaScript ES6 箭头函数与普通函数的区别详解【面试必备，值得收藏】
XH_jing的博客
07-14 854
今天下午在面试的过程中，有一位面试官就问到了这道题目。 说实话，如果不是今天问到了这个问题，我还不会去仔细对比分析一下这两个我们整天使用的函数声明方式，我们只有在不断总结中才会不断进步。 同时，也非常感谢今天下午给我面试的这位面试官。 目录一、箭头函数基本语法1、关于箭头函数的参数2、关于箭头函数的函数体二、箭头函数与普通函数的区别1、外形不同2、箭头函数都是匿名函数3、箭头函数不能用于构造函数，不能使用 `new`4、箭头函数不会创建自己的 `this`5、`call()/apply()/bind().
ES6中箭头函数和普通函数的区别
IMJCW的博客
10-16 653
前言 最近在看 ES6 相关的文档，当讲解到箭头函数的时候，说了三个与普通函数的不同点，这里记录一番。 不同点 箭头函数的 this 指向定义时所在的对象 先来个普通函数的例子： var user = { name: 'demo', getInfo: function () { setTimeout(function () { console.log(this) }, 200) } } 再来一个箭头函数的例子： var us
es6箭头函数的高级语法
最新发布
05-19
ES6箭头函数是一种简洁的函数语法，它可以让我们更容易地编写函数，并且更容易理解代码。下面是一些ES6箭头函数的高级语法： 1. 箭头函数的基本语法： ``` (param1, param2, …, paramN) => { statements } (param...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值