[面试] function普通函数和箭头函数的区别

最新推荐文章于 2022-12-27 21:12:56 发布
最新推荐文章于 2022-12-27 21:12:56 发布
阅读量174 收藏
点赞数
分类专栏： # 面试 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_14993591/article/details/121609914
版权

(1)箭头函数没有自己的this，指向的是父级作用域的this

(2)call()、apply()、bind()无法改变箭头函数中this的指向
箭头函数的this定义时就已经确定且永远不会改变

(3)箭头函数没有arguments对象，如果要用，可以用 rest 参数代替。

(4)箭头函数不能作为构造函数使用，不能使用new

(5)箭头函数没有prototype。

(6)不可以使用yield命令，因此箭头函数不能用作 Generator 函数。

533_
关注
专栏目录
深度剖析 JS 的箭头函数 = ＞ 与普通函数 function 的区别
czjl6886的博客
02-11 5072
ES6 中添加了箭头函数的规范，在常用的前端框架，如 Vue，也会经常使用到箭头函数，今天我们就来深度学习箭头函数(arrow function)。本文主要介绍箭头函数的概念，重点介绍它与普通函数(function)的区别，包括基本语法、this指向、使用场景等。
箭头函数与function的区别
luwenze的博客
03-17 2743
1.箭头函数与function定义函数的写法不同 //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=>{ return a + b }; 2.this的指向不同 使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。 //function定义的函数 function fucA() { conso
function和箭头函数的区别
qq_43571041的博客
04-14 1231
1.this指向性 function的this指向性不是固定的，它随着调用环境的改变而改变。 function Student(name,age){ this.name=name this.age=age } show(); function show(){ console.log(this)//window } 此时调用show方法this指向的是window；若我们在页面中添加一个按钮标签，并将show方法绑定到该元素的点击事件
function函数与箭头函数的区别
lizhichengwei的博客
11-30 2466
使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。3.普通函数可以使用arguments参数和args参数，箭头函数不能使用。1.箭头函数与function定义函数的。，箭头函数不可以作为构造函数，不能new。5.普通函数可以先调用后声明,因为有。function函数和箭头函数区别。但是箭头函数必须先声明后调用。，可以使用args参数。4.普通函数可以作为。
箭头函数和function对比
weixin_66386149的博客
06-14 578
箭头函数和function对比
js代码-014面试题--普通函数与箭头函数的区别
07-16
举个例子，对比普通函数和箭头函数的`this`行为： ```javascript let obj = { name: 'Alice', sayName: function() { console.log(this.name); }, arrowSayName: () => { console.log(this.name); } }; obj....
前端面试系列-JavaScript-箭头函数(与普通函数的区别)
LYFlied的博客
03-25 5117
文章目录一、箭头函数二、与普通函数的区别1.箭头函数不会创建自己的this2.箭头函数继承而来的this指向永远不变（重要）3.call()、apply()、bind()无法改变箭头函数中this的指向4.箭头函数不绑定arguments,取而代之用rest参数…解决5.不能使用new操作符(作为构造函数使用)6.不能使用原型属性7.不能简单返回对象字面量8.箭头函数不能换行 一、箭头函数 // 箭头函数 let fun = (name) => { // 函数体 return `Hel
【面试】new原理、箭头函数和普通函数区别
wusq的博客
09-13 1290
常考面试题 箭头函数与普通函数的区别 new原理
JavaScript普通函数与箭头函数有怎样的区别？
最新发布
艾编程带你学前端博客
12-27 1062
比较点普通函数箭头函数具体案例简写/箭头函数如果没有参数，同时函数体的返回值只有一句，则{}和return都可以省略。1、函数简写this指向this总是指向调用它的对象，如果作为构造函数，它指向创建的对象实例箭头函数的this指向的是父级作用域的this，是通过查找作用域链来确定 this 的值，也就是说看的是上下文的this，指向的是定义它的对象，而不是使用时所在的对象。2、this指向this改变call()、apply()、bind()等方法能改函数中this的指向。
浅谈箭头函数和function的区别
fish_skyyyy的博客
02-22 1920
浅谈箭头函数（）=> 和function的区别 我们写代码的时候会发现，箭头函数（）=> 和function都是定义了一个方法，那么这两者之间又有什么区别呢？ 1、写法不同 function Fn1(){ console.log('hello'); } let Fn2=()=>{ console.log('hello'); } 2、this的指向不一样 使用function定义的函数，this的指向随着调用环境的变化而变化的，指向其直接调用者，一般来说最通常的是window对
es6箭头函数和function的区别
qq_40664253的博客
08-17 513
1.this指向 使用function定义的函数，this的指向随着调用环境的变化而变化的， 而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境 2.构造函数 function是可以定义构造函数的，而箭头函数是不行的(不能使用new)。 3.变量提升 function在变量提升中是最高的，箭头函数没有函数提升，所以箭头函数要定义于调用之前 4.写法不同 ...
前端小知识,面试,长知识必备---箭头函数与普通函数（function）的异同
宫晨的专栏
04-16 399
前端小知识,面试,长知识必备.3 箭头函数与普通函数（function）的区别是什么? 箭头函数是普通函数的简写，可以更优雅的定义一个函数，和普通函数相比，箭头函数有以下几点差异： 1、函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。 2、不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。 3、不可以使用 yie...
普通函数和箭头函数的区别
weixin_64103049的博客
07-31 293
箭头函数和普通函数的区别
JavaScript基础之箭头函数与普通function函数的区别
lee前端技术站
07-08 1171
声明函数方式有多种，但是当前比较关心的是ES5和ES6的俩种类型，也就是function类型的函数和箭头函数： // ES5的函数 function fun () {} // ES6 () => {} 函数的定义就是这俩中方式，今天我们不讲别的，只讲讲他们的区别是什么？ （1）箭头函数不能作为构造函数,不能使用new关键字 （2）this的指向不同 ES5函数的this取决于谁调用，那么this就指向谁； ES6箭头函数本身没有this，箭头函数的内部this，指向了其外
箭头函数(=＞)和普通函数(function)的区别
m0_46570767的博客
05-25 1823
JavaScript中箭头函数=>和普通函数function的区别—2021前端高频面试题 转载自：作者：阮一峰 ECMAScript6 入门和博客园 一、区别： 1.箭头函数与普通函数写法不同 //箭头函数 //var声明变量时 var fn = (a, b)=>{ return a+b}; //let声明变量时 let foo = () => { console.log('foo'); } //function 普通函数 //上述var等同于 function fn(a,
箭头函数()=>{}与function的区别
热门推荐
飞扬的博客
09-18 1万+
1.箭头函数与function定义函数的写法： //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=>{ return a + b }; 2.this的指向：使用function定义的函数，this的指向随着调用环境的变化而变化，而箭头函数中的this指向是固定不变的，一...
ES6---箭头函数与function定义函数有什么区别？在箭头函数中，this指向，构造函数，变量提升是如何表现的？
Wbiokr的博客
07-20 8761
简洁 ///function定义函数 function aaa(a,b){ return a+b; }///箭头函数定义函数 var aaa=(a,b)=>{return a+b;} this指向function传统定义的函数，this指向随着调用环境的改变而改变，而箭头 函数中的指向则是固定不变，一直指向定义环境的。 ///function定义函数中的this指向 function aaa
箭头函数与普通函数（function）的区别是什么？
web_Leeleon的博客
07-31 2964
箭头函数是普通函数的简写，可以更优雅的定义一个函数，和普通函数相比，有以下几点差异： 1、函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。 2、不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。 3、不可以使用 yield 命令，因此箭头函数不能用作 Generator 函数。 4、不可以使用 new 命令，因为：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值