箭头函数与普通函数中的this指向

最新推荐文章于 2023-01-13 16:02:13 发布
最新推荐文章于 2023-01-13 16:02:13 发布
阅读量386 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45874984/article/details/108435576
版权

//function定义的函数中

1.在普通函数中（在全局中直接定义的函数），this指向window

2.在全局中this指向window

3.在对象的方法中指向此对象

4.在构造函数中指向空对象

5.在事件函数中指向事件源

6.定时器的回调函数中指向window

//箭头函数的this指向

1.在定时器的回调函数中指向window

2.与其所处的作用域有关（注意对象的大括号并不是作用域），箭头函数的this总是是指向外层作用域的this,除第一条外

箭头函数不适用的场景

1.事件函数中

2.对象的方法中

3.不适合作为构造方法

前端新手码农
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript箭头函数中的this详解
12-10
前言 箭头函数极大地简化了this的取值规则。 普通函数与箭头函数 普通函数指的是用function定义的函数： var hello = function () { console.log("Hello, Fundebug!"); } 箭头函数指的是用=>定义的函数： var hello = () => { console.log("Hello, Fundebug!"); } JavaScript箭头函数与普通函数不只是写法上的区别，它们还有一些微妙的不同点，其中一个不同点就是this。 箭头函数没有自己的this值，箭头函数中所使用的this来自于函数作用域链。 这句话很简单，不
深入理解Javascript箭头函数中的this
10-20
ES6标准新增了一种新的函数：Arrow Function（箭头函数）。那么下面这篇文章主要给大家介绍了箭头函数中this的相关资料，有需要的朋友可以参考借鉴，下面来一起看看吧。
箭头函数中的this指向
ChpeShy的博客
04-01 7565
普通函数：this指向分为4种情况，1. obj.getName();//指向obj2.getName();//非严格模式下，指向window，严格模式下为undefined3. var a = new A();   a();//指向A本身4.getName().apply(obj);//指向obj箭头函数：箭头函数本身是没有this和arguments的，在箭头函数中引用this实际上是调用的是...
箭头函数、普通函数中的this指向
MeiLuan_yahoho的博客
02-18 472
彻底理解js中this的指向，不必硬背。 首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接...
this 指向
W Y L
02-22 114
使用 JavaScript 开发的时候，很多开发者多多少少会被 this 的指向搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话：哪个对象调用函数，函数里面的 this 指向哪个对象。 普通函数：谁调用指向谁 全局变量指向全局对象-window var username = 'cn' function fn() { alert(this.username) //cn } fu()...
【function this的指向性问题】
m0_65450343的博客
02-24 2327
目录 一，传统函数中的this指向 1，在全局中定义的函数，this指向window 2，对象方法中的this指向这个对象 3、构造函数创建对象的方法中的this指向new出来的实例化对象 4、定时器中匿名方法的this—指向window对象 二，箭头函数中的this指向 一，传统函数中的this指向 原则：方法由谁调用，this就指向谁 1，在全局中定义的函数，this指向window var name = "mickey "; //全局变量name相当于是window..
Js中的this指向问题（普通函数和箭头函数）
前端与计算机相关知识的分享，博主的qq523235674
01-21 3756
一：普通函数的this指向 *普通函数中this是动态的，当我们调用函数的时候确定的，调用方式的不同决定了this的指向不同，一般指向我们函数的调用者。（谁调用指向谁） 1.普通函数 //1.普通函数 function fn() { console.log('普通函数的this' + this); } fn();//window 实际上，这里是window.fn();谁调用，this就指向谁 这里的this指向全局对象window 2.对象的.
JS中普通函数this的指向,和箭头函数this的指向
多看书少吃饭的博客
05-18 475
JS中普通函数this的指向,和箭头函数this的指向
function()和箭头函数中的this指向问题
Anony_me的博客
07-15 482
function()和箭头函数中的this指向问题 function(){…}里面的this已经和外部的vue组件中的this不同了。所以this.p1就无法访问到data中的p1变量了，所以报错 (async function(){ var data =await getIndex(); [this.p1,this.p2]=data//报错 }) function（）{…}换成（）=>{…},就可以保证内外的this一致 (async ()=>{ var data
JS-箭头函数中的this的指向
BigKongfuPanda的博客
04-24 9255
一直对于ES6中箭头函数在使用的时候有些疑虑，其中一项就是this的指向问题。跟之前我所熟悉掌握的函数内部this的指向是有些地方不同的，但是在箭头函数中this到底指向谁，我模模糊糊的。所以为了搞清楚这个问题，就特意查阅了相关的资料，现总结下来。在JavaScript语言里面，this的用途很广泛。在这里，对this的含义以及原理就不做解释和说明，因为本文的目的是阐明this的指向问题。一般的，t
关于ES6箭头函数中的this问题
11-26
简要介绍：箭头函数中的this，指向与一般function定义的函数不同，箭头函数this的定义：箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定。 （1）一般函数this指向在执行是绑定 当运行obj.say...
4. 箭头函数和普通函数的区别（关键：this指向的区别），以及this指向的四种规则
sunnnnh的博客
04-24 4053
相关的问题： 1. 箭头函数没有原型对象？ 2. ES6 的箭头函数和以前的普通函数的区别？ 3. 箭头函数可以作为构造函数吗？为什么不能作为构造函数呢？ 最明显的区别： 箭头函数的this永远指向其上下文的this，任何方法都改变不了其指向，如call(), bind(), apply() 普通函数的this指向调用它的那个对象 （1）箭头函数的定义： 使用方法： 其中()内是要带入的参数，{}内是要执行的语句。 定义： 箭头函数是函数式编程的一种体现，函数式编程将更多..
关于箭头函数中的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 指向的区别？如何改变this指向？
小草莓的博客
07-23 3307
一、普通函数的this指向 1、声明式 --- 指向的是window 四、总结 1、箭头函数中的 this 是在声明中就定义好了的，而普通函数中的 this 则是在调用时定义好的。 2、基本上可以归为五类： ① 全局this指向是window② 普通函数this的指向是调用者 ③ 构造函数的this是new之后的新对象④ 箭头函数this的指向的是其父级指向 ⑤ call、apply、bind的this指向的是第一个参数 JavaScript 中的this用一句话来概括，就是在执行时确定的
箭头函数与普通函数this指向详解
weixin_68160847的博客
01-13 431
• 问题: 箭头函数中的this是如何查找的了? ◦ 答案: 向外层作用域中, 一层层查找this, 直到有this的定义.
JS - 基础 - this的指向（function 、 箭头函数）
LawssssCat的博客
05-22 505
箭头函数this 箭头函数的this是继承父执行上下文里面的this 例子： var x = 11; var obb = { x: 222, y: { x:333, obc: function f() { console.log(this) var x = 111; var obj = { x: 22, say: () =&g
ES6中function和箭头函数的this指向问题
xiecheng1995的博客
08-03 1122
首先我们看一下下面这个代码： const obj = { aaa() { setTimeout(function(){ console.log(this) // windows }, 1000) console.log(this) // obj对象 setTimeout(() =>{ console.log(this) // obj对象 }) } } 问题：箭头.
this指向（普通函数、箭头函数）
XIAXING123的博客
03-15 2391
普通函数中的this 1.谁调用了函数或者方法，那么这个函数或者对象中的this就指向谁 let getThis = function(){ console.log(this) } let obj = { name:""Jack", getThis:function(){ console.log(this) } } //getThis()方法是由window在全局作用域中调用的，所以this指向调用该方法的对象，即window getThis()//wi
普通函数和箭头函数的this
小瑾沐晚风的博客
02-11 5097
普通函数的this 1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj 2. 调用的时候，没有任何前缀，则指向window，new的时候，指向new出来的对象。 3.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window 4.在严格模式下,没有直接调用者的函数中的this是 unde...
箭头函数和普通函数的this指向
最新发布
06-27
箭头函数和普通函数的this指向是不同的。 在普通函数中，this的值是在函数被调用时决定的，它可以根据函数的调用方式和上下文环境而变化。比如，如果函数是作为对象的方法被调用，那么this就指向该对象；如果函数是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值