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

最新推荐文章于 2023-12-25 19:54:49 发布
最新推荐文章于 2023-12-25 19:54:49 发布
阅读量91 收藏
点赞数
分类专栏： js 文章标签： es6 js 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42132814/article/details/109738877
版权

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

  • 箭头函数没有自己独立的作用域，箭头函数没有自己的this，所有箭头函数中的this指向和它外层函数中的this指向一致。

  • 使用call和apply等方法也无法改变箭头函数内的this指向。

  • 箭头函数不能当做构造函数来使用，也就是说不能使用new命令。（因为箭头函数内没有this和prototype）

  • 不可以使用arguments对象，该对象在函数体内是不存在的，可以使用ES6中的展开运算符(...args)。

  • 箭头函数不可以使用yield命令，因此箭头函数不能用作Generator函数来使用。

TuMinQiang
关注
专栏目录
【面试】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 4785
一.箭头函数和普通函数 箭头函数相当于匿名函数，并且简化了函数定义。 箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。 还有一种可以包含多条语句，这时候就不能省略{ … }和return。 let fun = () => { console.log('111'); } function fun() { //普通函数 console.log('123'); } 二、箭头函数和普通函数的区别 1. 箭头函数不能作为构造函数，而普通函数可以： 箭头函
箭头函数和普通函数区别
lb6514052的博客
02-26 505
箭头函数与普通函数区别可不止this指向不同这一个知识点哦~。 箭头函数的不同点 语法更简洁、直观。 从作用域上层继承this。 bind、call和apply对箭头函数没效果。 不绑定arguments对象。 不能使用new关键字。 没有原型(prototype)。 1.语法更简洁 (param1, param2, …, paramN) => { return statements } (param1, param2, …, paramN) => st...
一篇讲透：箭头函数、普通函数有什么区别
最新发布
~~~
12-25 8508
本文主要总结了箭头函数和普通函数的几大区别，箭头函数是ES6（ECMAScript 6）新增的使用箭头（=>）语法定义函数表达式的能力。任何可以使用函数表达式的地方，都可以使用箭头函数，并且它的语法比传统的函数表达式更加简洁。箭头函数虽然语法简洁，但也有一些场合不适用，需要根据不同的场景选择使用合适的函数。
箭头函数和普通函数的常见区别
曲鸟
08-05 5733
经过上述分析发现普通函数的功能会比箭头函数更强大一些，但这也不是说我们就要避免使用箭头函数。而是应该根据实际的应用场景来选择。对于使用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 和调用时的上下文无关，而是取决于定义时的上下文...
js中==和===的区别
qq_42132814的博客
11-17 1万+
==和===的区别和一些比较规则： == 在比较类型不同的变量时，会进行数据类型转化，将二者转换成数据类型相同的变量，再进行比较。 NaN == NaN false NaN和任何数都不相等，包括NaN本身 。 [] == [] false {} == {} false 引用数据类型比较的是地址。 undefined == null true 但是 undefined === true false (因为数据类型不一样)。 对象 == 字符串 将对象转换成字符串
js如何判断两个数组是否相等
qq_42132814的博客
02-25 9029
今天在实现一个需求的时候，需要去判断两个数组是否相等，看似简单的问题，实则还挺复杂。 首先我们知道数组是引用数据类型，在==或者===比较时，比较的是其地址值，所以[1,2] == [1,2] [1,2] === [1,2] 二者输出的都是false， 那么如何比较两个数组是否相等呢 1. toString()或者join()： 它们的原理都是将二者转换成字符串，针对某一些数组可以进行判断，如：[1,2,3].toString() === [1,2,3].toString() 和 [1...
浏览器的事件循环机制
qq_42132814的博客
11-19 555
浏览器事件循环事件循环机制 浏览器事件循环机制：js任务分为同步任务和异步任务，同步任务会直接进入js主线程执行，形成一个执行栈，当前一个任务执行完，后一个任务才会执行。异步任务不直接进入主线程，它会先在Event Table中注册回调函数，然后进入任务队列中，等执行栈中为空后，任务队列中的函数就会进入主线程中执行。 异步任务分为宏任务（script， setTimeout, setInterval）和微任务（process.nextTick （node.js中进程相关的对象）, Promise..
new Object()中的new做了什么
qq_42132814的博客
11-17 509
New的执行： 创建一个空对象 把这个对象.--proto-- == 构造函数.prototype 将构造函数执行 把构造函数内的this指向实例对象 如果构造函数没有返回值或者返回值是一个基本数据类型，那么就返回构造函数的实例，如果返回的是引用数据类型，那么把这个引用数据类型返回。 ...
js作用域和作用域链
qq_42132814的博客
11-25 243
js作用域和作用域链的理解 作用域： js作用域分为全局作用域、函数作用域和ES6新增的块级作用域。 作用域是一个独立的空间，让变量不会暴露出去，不同作用域下的同名变量不会起冲突。 函数作用域内定义的变量只能在函数中调用，外界无法访问到，但是因为ES之前没有块级作用域，所以会导致if和for这样的逻辑语句中的变量会被外界访问到。 ES6中新增let和const命令来创建块级作用域，所声明的变量在指点块的作用域外无法..
js中的undefined和null的区别和联系
qq_42132814的博客
11-17 144
undefined和null： undefined和null都是基本数据类型，且他们都只有一个值，分别为undefined和null。 undefined表示变量声明了但是没有定义，null表示的是空对象指针，null主要用于一些赋值给一些可能会返回对象的变量，作为初始化。 null == undefined为true，null === undefined为false。 Number(null) === 0，Number(undefined) === NaN，null和u
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值