【React工作记录一百叁拾伍】关于this指向

前端大歌谣

于 2023-10-17 15:00:05 发布

阅读量75

点赞数

分类专栏：前端项目工作实战文章标签： react.js javascript ecmascript

本文链接：https://blog.youkuaiyun.com/geyaoisnice/article/details/133884268

版权

前端项目工作实战专栏收录该内容

146 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文详细探讨了React开发中关于`this`指向的问题，包括类组件中的`this`、继承、`call`、`apply`、`bind`的使用，以及在箭头函数和`addEventListener`中的行为。通过多个案例分析，帮助读者深入理解JavaScript中的`this`关键字在不同场景下的表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

我是歌谣最好的种树是十年前其次是现在今天继续给大家带来的是this的讲解

环境配置

npm init -y
yarn add vite -D

修改page.json配置端口

{
  "name": "demo1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "vite --port 3002"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "vite": "^4.4.9"
  }
}

基本案例

console.log(this==window)
var a=1;
var b=function(){
    return 'function'

了解本专栏

超级会员免费看