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

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

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

普通函数

this指向调用它的对象；
可以通过bind、call、apply改变this指向；
可以使用new；

箭头函数

不能通过bind、call、apply改变this指向；
使用new调用箭头函数会报错，因为箭头函数没有constructor；
箭头函数的 this 永远指向其上下文的  this ，任何方法都改变不了其指向，如 call() ,  bind() ,  apply() ；
箭头函数外层没有普通函数时，this指向window
iris@前端
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript普通函数与箭头函数有怎样的区别？
艾编程带你学前端博客
12-27 1026
比较点普通函数箭头函数具体案例简写/箭头函数如果没有参数，同时函数体的返回值只有一句，则{}和return都可以省略。1、函数简写this指向this总是指向调用它的对象，如果作为构造函数，它指向创建的对象实例箭头函数的this指向的是父级作用域的this，是通过查找作用域链来确定 this 的值，也就是说看的是上下文的this，指向的是定义它的对象，而不是使用时所在的对象。2、this指向this改变call()、apply()、bind()等方法能改函数中this的指向。
js代码-014面试题--普通函数与箭头函数的区别
07-16
举个例子，对比普通函数和箭头函数的`this`行为： ```javascript let obj = { name: 'Alice', sayName: function() { console.log(this.name); }, arrowSayName: () => { console.log(this.name); } }; obj....
普通函数和箭头函数区别
qq_41968486的博客
12-21 3203
如何回答面试官的问题：普通函数和箭头函数的区别（this指向） 1. 声明方式不同：普通函数可以是声明式的，也可以是赋值式；而箭头函数只能是赋值式的； 2. this指向不同：普通函数有原型prototype，this指向不确定；箭头函数本身没有this，因为没有原型，this指向确定，指向他父级作用域； 3. new不同：普通函数可以new；箭头函数不能new，没有prototype属性，也不可以被当作构造函数， 4. 传参方式：普通函数可以获取 `arguments`
箭头函数与普通函数的区别详解
热门推荐
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 = {
箭头函数和普通函数的区别
沛沛呀、
05-10 355
JQuery中each方法的原处理思想
箭头函数与普通函数的区别
m0_62226095的博客
10-12 250
箭头函数与普通函数的区别
普通函数和箭头函数的区别是什么？
weixin_43912756的博客
08-19 555
参考：普通函数和箭头函数的区别 1、 箭头函数是匿名函数，不能作为构造函数，不能使用new 2、箭头函数不绑定arguments，取而代之用rest参数“…”解决 let B = (b)=>{ console.log(arguments); } B(2,92,32,32); // Uncaught ReferenceError: arguments is not defined let C = (...c) => { console.log(c); } C(3,82,32,113
普通函数与箭头函数的区别
subsistent的博客
01-10 202
普通函数与箭头函数的区别
一篇讲透：箭头函数、普通函数有什么区别
最新发布
~~~
12-25 7494
本文主要总结了箭头函数和普通函数的几大区别，箭头函数是ES6（ECMAScript 6）新增的使用箭头（=>）语法定义函数表达式的能力。任何可以使用函数表达式的地方，都可以使用箭头函数，并且它的语法比传统的函数表达式更加简洁。箭头函数虽然语法简洁，但也有一些场合不适用，需要根据不同的场景选择使用合适的函数。
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
js代码-箭头函数和普通函数的区别
07-16
这也是箭头函数和普通函数之间最显著的区别之一。 在作用域方面，箭头函数不会创建新的作用域，而普通函数会创建一个新的作用域。因此，箭头函数内部可以访问到定义它的作用域中的变量，而普通函数则不能。例如： ...
ES6中的箭头函数实例详解
08-30
这意味着，箭头函数不会像普通函数那样在各种上下文中改变`this`的指向，例如在事件处理函数或`setTimeout`中。 示例： ```javascript var o = { x: 1, func: function() { console.log(this.x); }, test: ...
正则校验电话号码
m0_47342482的博客
03-09 9045
整理了一些比较全的校验电话号码的正则 1.十一位数字，以1开头； 2.七位或八位数字组成的固化号码和三到六位数字组成的短号或集团号； 3.区号+号码，区号三到四位数字，号码七到八位数字，区号和号码之间可以使用“-”连接，也可以无连接符，如01088888888,010-88888888,0955-7777777； 4.号码+分机号，号码七到八位数字，分机号一到五位数字，号码和分机号之间可以使用“-”连接，也可以无连接符，如88888888003，88888888
JS中switch case判断的使用
m0_47342482的博客
12-24 4598
JS中switch case判断的使用 switch 后面括号内的“表达式”必须是整数类型。也就是说可以是 int 型变量、char 型变量，也可以直接是整数或字符常量，哪怕是负数都可以。但绝对不可以是实数，float 型变量、double 型变量、小数常量通通不行，全部都是语法错误。 switch 下的 case 和 default 必须用一对大括号{}括起来。 当switch后面括号内“表达式”的值与某个case后面的“常量表达式”的值相等时，就执行此case后面的语句。执行完一个case后
JS年月日格式的时间比较大小
m0_47342482的博客
12-24 1877
JS年月日格式的时间比较大小 第一种方式：利用时间戳getTime(),将时间转化成以毫秒为单位的 let date1:any='2012-01-23'; let date2:any='2013-04-05'; console.log(date1.getTime()>date2.getTime()); //false 第二种方式：直接利用new Date()转化成系统时间格式进行比较 console.log(new Date(date1)>new Date(date2)); //false
什么是闭包？闭包的优缺点？
m0_47342482的博客
12-28 444
什么是闭包？闭包的优缺点？ 想要理解闭包，首先要知道变量作用域的概念。 1. 变量作用域 变量的作用域有两种：全局变量和局部变量。 JS语言定义了：函数内部可以直接读取全局变量，但是函数外部无法读取函数内部的局部变量。 注意点： 大家都知道，变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量，就是不用声明，直接使用。而且，千万注意，javascript把隐式声明的变量总是当成全局变量来使用的。 没有var，let声明的变量或者在函数外部声明的变量都是全局变量；使用 var 声明的
JS中常用的处理数组的方法
m0_47342482的博客
12-26 388
JS中常用的几个处理数组的方法 前端经常会对后端返回的数组做处理，今天分享几个常用的方法来帮助大家书写更加简洁，性能更高的代码！ .filter() 该方法会返回一个符合函数条件的新的数组，不会改变原来的数组 (筛选数组，返回符合条件的值)。 比如，创建一组年龄的数组，该数组的值必须大于等于18岁: let ages=[12,24,16,17,28,37,27,19]; let filterAges=ages.filter(age=>age>=18) console.log(filterAges
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值