JavaScript箭头函数和普通函数this指针比较

最新推荐文章于 2022-07-12 19:24:31 发布
最新推荐文章于 2022-07-12 19:24:31 发布
阅读量153 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44716147/article/details/109411352
版权

var obj = {
    val:1,
    show:function(){
        console.log(this.val);
    },
    outFunc:function(){
        function innerFunc(){
            console.log(this)
        }
        innerFunc();
    }
}
obj.show();
obj.outFunc();
// 1  window

var obj = {
    val:1,
    show:function(){
        console.log(this.val);
    },
    outFunc:function(){
        (function(){
            console.log(this)
        })();
    }
}
obj.show();
obj.outFunc();
//  1  window

var obj = {
    val:1,
    show:function(){
        console.log(this.val);
    },
    outFunc:function(){
        (()=>{
            console.log(this)
        })();
    }
}
obj.show();
obj.outFunc();
//  1  obj

inspire121416
关注
专栏目录
JS之this指针-this指针的基本用法/箭头函数/改变this指针的方式
weixin_43805705的博客
11-14 463
本文向大家介绍JavaScript之this指针。 this指针的基础用法 箭头函数 改变this指针的几种方式
箭头函数this指向以及改变this指向的方法
何淑女的博客
10-30 5874
箭头函数this指向以及改变this指向的方法 call apply bind 总结 相同点： 都可以改变函数内部的this指向 不同点 ： 1.call和apply会调用函数,并且改变函数内部this的指向 2.call和apply传递的参数不一样,call传递参数aru1,aru2…形式 , apply必须数组形式 3.bind 不会调用函数,可以改变函数内部this指向 主要应用场景 1.call经常做继承 2.apply经常跟数组有关系,比如借助于数学对象实现数组最大值最小值 3.bind不调用函数
箭头函数和this指针的一些笔记
weixin_43015194的博客
03-29 250
箭头函数 其实箭头函数也就是定义函数的一种方式。 在ES6中，定义函数主要有以下几种方式： 1.function方式 const fun = function(){ } 2.对象字面量中定义函数 const obj { fun: function(){ } } 或者 const obj { fun(){ } } 3.箭头函数定义 const fun (参数列...
深入理解ES6箭头函数的this以及各类this面试题总结
祥哥的说
03-13 950
ES6中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性,俘获了大批粉丝儿它也可能是面试中的宠儿, 我们关键要搞清楚 箭头函数和普通函数中的this一针见血式总结:普通函数中的this:1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'...
JavaScript普通函数与箭头函数的this指针绑定问题
weixin_44716147的博客
11-08 258
//radius = 5; 或者 this.radius = 5; //即window.radius const shape = { radius:10, diameter(){ console.log(this.radius);//动态绑定,此例中是shape.radius }, perimeter:()=>{ console.log(this.radius)//静态绑定,此例中是window.radius } } shape...
js中箭头函数和普通函数this的区别
weixin_34293911的博客
08-16 137
　　最近在学习angularJs的时候由于里面涉及到了箭头函数，箭头函数除了声明上有点区别以外，和普通函数最主要的区别还是在this的问题上。 Js中函数中嵌套的函数this不会 “继承”。比如说以下代码: 1 var o = { 2 name:'xwt', 3 age:13 4 ...
箭头函数的this指针小例子
泉白水的博客
03-27 280
箭头函数的this，指向函数定义时所处的对象，默认使用其父级的this（例如window）。 1.对象方法内的匿名函数 var obj = { f1: function(){ console.log(this);//指向obj var f2=function(){ //这里将一个匿名函数赋值给f2，f2函数没有被挂靠到任何一个对象上去 console.log(this);//所以这里的this指向默认的window（严格模式下是undefind
Javascript this指针
10-29
- 作为一个普通函数调用：此时函数内的"this"通常指向全局对象，和全局上下文中的一样。 - 作为一个对象的方法调用：此时"this"指向调用该方法的对象。 - 使用构造函数调用：此时"this"指向新创建的对象实例。 -...
JavaScript中箭头函数的意义以及作用
qq_42905433的博客
04-27 2590
关于JavaScript中的箭头函数 如果你去面试前端开发人员，有一些基本问题如箭头函数的用法，它跟普通函数有什么区别，还有一个问题是什么时候用that和this，其实这两个问题是有关联的，箭头函数的出现解决了var that = this这种看起来很聪明，其实现在看很sd的写法 that和this的区别 在箭头函数没有出来之前，js中需要这么写，这里涉及到了一个作用域的问题，this的作用域是其...
回调函数——普通写法、promise箭头写法中this指向区别
song17122328的博客
07-12 698
箭头函数中，this可以指向上级作用域，不需要在外面设置that，方便调用 以微信小程序为例子：介绍普通写法、promise箭头写法中this指向区别，
详细解析 JavaScript中的this 与 ES6箭头函数的this
我是菜鸡
03-22 788
文章目录普通函数的this箭头函数 普通函数的this 如果单独使用，this 表示全局对象。 在函数中，this 表示全局对象。 在函数中，在严格模式下，this 是未定义的(undefined)。 在方法中，this 表示该方法所属的对象。 在事件中，this 表示接收事件的元素。 类似 call() 、apply()、bind() 方法可以将 this 引用到任何对象。 var...
关于this的理解和箭头函数的理解
小柒的博客
05-31 348
this为指向调用当前函数的主体对象，但是一个对象的回调函数在模块commonJS模块文件中，this是无效的。 因为CommonJS模块文件不是一个主体对象，所以不管是箭头还是还是非箭头，this都不指向任何对象。 以上案例为util模块的wx对象的回调函数的this指针，因为util模块并不是一个对象，所以wx对象的回调函数的this指针找不到主体就无效了 this的默认指向为指...
箭头函数与this指向
Albert_ChengXY的博客
08-13 288
箭头函数的写法 箭头函数的省略问题 如果函数中仅有一句话，并且这句话是return返回，可以省略{}和return var fn=function(a,b){ var fn=(a,b)=>a+b; return a+b } var fn=function(){ var fn=()=>{ var a=3; var a=3; var b=4; var b=4; return a+b; return a+
箭头函数、普通函数中的this指向
MeiLuan_yahoho的博客
02-18 570
彻底理解js中this的指向，不必硬背。 首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接...
箭头函数
我的专栏
03-29 510
1.单参数 1 2 3 4 5 6 function cheng(a=3){ 　　return a*a; }   let cheng = (a=3) => a*a;  // 箭头左边为参数  箭头右边为返回值 console.log(cheng(9));
JS关于箭头函数this指向问题
代码使人头秃
10-14 1566
普通函数和箭头函数的this值可以一言以蔽之： 普通函数：this：谁调用归谁 箭头函数：this等同于上一层非箭头的函数的this值或全局对象（window或undefined）（严格模式this是undefined）
ES6(ECMAScript 6 ) 箭头函数以及js中的this
fengzijinliang的专栏
08-10 7468
箭头函数定义一个箭头函数很简单，基本语法是： JS([param] [, param]) => { statements }param => expression param 是参数，根据参数个数不同，分这几种情况： () => { ... } // 零个参数用 () 表示； x => { ... } // 一个参数可以省略 ()； (x, y) => { ... } // 多参数不能省略
关于箭头函数中的this的指向
热门推荐
xu4321083的博客
03-30 4万+
普通函数中的this:1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window (约定俗成)3.在严格模式下,没有直接调用者的函数中的this是 undefined4.使用call,apply,bind(ES5新...
箭头函数详讲（箭头函数中的this）
qq_52395816的博客
05-16 1万+
箭头函数详讲（箭头函数中的this） 箭头函数的基本使用： 在这里插入图片描述 知识点： 箭头函数是不能提升的，所以需要在使用之前定义。 使用 const 比使用 var 更安全，因为函数表达式始终是一个常量。 如果函数部分只是一个语句，则可以省略 return 关键字和大括号 {}，这样做是一个比较好的习惯 箭头函数this的几种解释说法 1.当我们使用箭头函数的时候，箭头函数会默认帮我们绑定外层 this 的值，所以在箭头函数中 this 的值和外层的 this 是一样的。 2.箭头函数中的this引
JavaScript高级this绑定详解及箭头函数应用
本文档主要探讨了JavaScript中关于"this"绑定规则以及箭头函数的相关知识点，帮助读者更好地理解和应用在编程实践中。首先，我们了解了JavaScript中的"this"绑定规则： 1. **默认绑定**：在非严格模式下，全局作用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值