ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

箭头函数中的this指向问题

2020-09-24 18:03:30  阅读:168  来源: 互联网

标签:obj2 obj 函数 指向 箭头 调用 let


箭头函数没有自己的 this,它内部的 this 是外层代码块的 this,也就是定义箭头函数时所在的对象。

ES6 标准入门里面对箭头函数 this 的指向有如下说法:

函数体内的 this 对象就是定义时所在的对象,而不是调用时所在的对象。

一般this 对象的指向是可变的,但是在箭头函数中,this 的指向是固定的。

普通函数
  • 普通函数的this在声明时指向window,在调用时指向调用它的对象,如果直接调用,也指向window
function b() {
    function a(){ console.log(this) }
    let c = function() {a()}
    let obj2 = {a,c}
    obj2.a()//打印出obj2,打印出调用时的对象obj2
    obj2.c()//打印出window,打印出直接调用时的对象window
}
let obj = {b}
obj.b()//使函数b内上下文this为obj
箭头函数
  • 箭头函数的this在声明时指向window,在调用时指向声明时所在的上下文this
function b() {
    let a = () => console.log(this)
    let c = function() {a()}
    let obj2 = {a,c}
    obj2.a()//打印出obj,打印出声明时的上下文,而不是调用它的对象
    obj2.c()//打印出obj,打印出声明时的上下文,而不是调用时的上下文
}
let obj = {b}
obj.b()//使函数b内上下文this为obj

 

标签:obj2,obj,函数,指向,箭头,调用,let
来源: https://www.cnblogs.com/moringyaozheng/p/13725486.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有