Blog
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)

HiuZing

🍑
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)
  • 前端面试题

  • JavaScript

    • JavaScript语法

    • JavaScipt对象

    • JavaScript实例

    • JavaScript浏览器BOM

      • JavaScript-页面跳转
      • BOM概述
      • this指向
        • this指向
      • JS执行机制
      • location对象
      • navigator对象
      • history对象
      • PC端网页特效
      • Web API
    • JavaScript DOM

  • Vue2

  • port

  • CSS

  • Node.js

  • JavaScript优化

  • uniapp

  • Mini Program

  • TypeScript

  • 面向对象编程

  • UI组件

  • Plugin

  • Vue3

  • 性能优化

  • Axios

  • 状态管理

  • React

  • Mock

  • Icon

  • Template

  • 构建工具

  • 项目规范配置

  • Taro

  • SVG

  • React Native

  • 前端
  • JavaScript
  • JavaScript浏览器BOM
HiuZing
2023-02-09
目录

this指向

# this指向

  • 1.全局作用域或者普通函数中this指向全局对象window(注意定时器里面的this指向window)
  • 2.方法调用中谁调用this就指向谁
  • 3.构造函数中this指向构造函数的实例
// 方法调用中谁调用this就指向谁
let o = {
  sayHi: function () {
    console.log(this) // 指向o这个对象
  }
}
o.sayHi()

let btn = document.querySelector('button')
btn.onclick = function () {
  console.log(this) // this指向的是btn这个按钮对象
}

// 构造函数中this指向构造函数的实例
function Fun() {
  console.log(this) // 指向fun实例对象
}

let fun = new Fun()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
上次更新: 2024/08/14, 04:14:33
BOM概述
JS执行机制

← BOM概述 JS执行机制→

最近更新
01
React Native 使用SVG
08-13
02
Docker基础命令
08-04
03
算数逻辑单元
07-30
更多文章>
Theme by Vdoing | Copyright © 2021-2024 WeiXiaojing | 友情链接
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式