JavaScript笔记_this指向

最新推荐文章于 2024-07-29 11:53:27 发布

Oterea

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量354

点赞数

文章标签： javascript 前端 react.js

本文链接：https://blog.csdn.net/weixin_45509705/article/details/121715144

版权

this 指向问题

普通函数的this由调用规则来确定，而箭头函数的的this（本身没有this）取决于父作用域的this

代码执行后，箭头函数取决于父级作用域的this，只跟随父作用域的this改变而改变，普通函数的this取决于调用方式

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--<script src="../lib/Promise.js"></script>-->
<script>
  let p = new Promise((resolve, reject) => {
    resolve(1)
  })
  let __this
  Promise.prototype.getThis = function () {
    __this = this
  }
  p.getThis()
  console.log(__this===p)


</script>
</body>
</html>

构造函数的原型对象是一个对象，里面的方法的this指向调用者，谁调用就指向谁

JavaScript 作用域链的问题

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  let a = 2
  function test(callback) {
    let a = 1
    callback(a)
  }
  test(function () {
    console.log(a) // 2 回调函数自己的作用域没有a，向上查找，找到父级作用域的a=2
  })
  test(() => {
    console.log(a) // 2 同理
  })
  test((a) => {
    console.log(a) // 1
  })
  function test1() {
    let a = 3
    console.log(a) // 2
  }
  test1()
  function test2() {
    let a = 3
    console.log(a) // 3
  }
  test2()



  let obj={
    birth: 1990,
    getAge: function () {
      console.log(this)
      let fn = () => {
        console.log(this)
        return new Date().getFullYear() - this.birth
      }
      return fn();
    }
  };
  console.log(obj.getAge())
  let x = obj.getAge;
  console.log(x())
  
  
  
</script>
</body>
</html>

Oterea

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript笔记_this指向

this 指向问题普通函数的this由调用规则来确定，而箭头函数的的this（本身没有this）取决于父作用域的this代码执行后，箭头函数取决于父级作用域的this，只跟随父作用域的this改变而改变，普通函数的this取决于调用方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head
复制链接

扫一扫