JS笔记之this指向问题

最新推荐文章于 2022-04-27 19:38:17 发布
最新推荐文章于 2022-04-27 19:38:17 发布
阅读量55 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53438035/article/details/119149072
版权

判断规则：
1：this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象

2：
情况1：如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window，这里需要说明的是在js的严格版中this指向的不是window，但是我们这里不探讨严格版的问题，你想了解可以自行上网查找。

情况2：如果一个函数中有this，这个函数有被上一级的对象所调用，那么this指向的就是上一级的对象。

情况3：如果一个函数中有this，这个函数中包含多个对象，尽管这个函数是被最外层的对象所调用，this指向的也只是它上一级的对象
　　
3：函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。

参考文章：
彻底理解js中this的指向，不必硬背。
深入理解JS函数中this指针的指向
在这里插入图片描述

小白白中之白
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js this指向笔记.docx
10-06
- 在全局作用域中，`this` 指向全局对象，在浏览器环境中是 `window`，在 Node.js 中是 `global`。 - 在函数调用中，如果函数不是一个方法（即没有被某个对象拥有），`this` 也会指向全局对象。 2. **隐式绑定**...
JavaScript中this用法学习笔记
10-17
// this指向全局对象，如window ``` 在上述例子中，`this`并不指向`test`函数，而是指向全局对象（在浏览器环境中通常是`window`）。 二、`this`的绑定规则： 1. **默认绑定**：当函数作为普通函数调用时，`this`...
JavaScript学习笔记之this指向
weixin_42032123的博客
07-20 83
事件调用环境 谁触发事件函数里的this就指向谁。 全局环境 浏览器中指向Window。 node环境中指向的是module.exports。 函数内部 【this最终指向的是调用它的对象。】 直接调用函数，this指向Window。 函数被多层对象所包含，this指向它上一级的对象。 构造函数中， this指向创建出来的对象。 如果构造函数中有return， 返回的不是对象，this还是原来的对象， 如果返回的是对象，则指向返回的对象， null比较特殊，返回null，this还是指向原来的指向。
JS笔记之理解this指向
weixin_42165580的博客
12-13 136
#this指向 （一）this的默认绑定 this默认指向window 1。在全局环境下this指向了window 2。函数独立调用，函数内部的this指向了window。或者看函数调用之前挂在了哪一个对象上。 3。被嵌套的函数独立调用时，this默认指向了window。「注意」函数当作对象的方法来调用，this指向该对象。 4。IIFE立即执行函数内部的this指向了window 5。闭包中this中默认指向了window （二）隐式绑定 看方法前面绑定的对象。 function foo(){ c
JS笔记：JS中this的指向问题
一今今天也很忙
09-17 123
谁调用，this就指向谁。 案例效果：点击按钮，能够输出ldh类中的uname属性 下面有一个star类，该类的构造函数带有两个参数，分别赋予到该类中的属性uname和age中（这两个参数就是给这属性赋值）， 还有一个btn属性，该值是button按钮，并且该按钮有一个点击事件，一点击就会调用sing方法。 还有两个方法，sing()和dance() 实例化一个ldh类，传入参数’刘德华’,18，并调用dance()方法 具体讲解在下面的注释里 <body> <button>
JavaScript笔记_this指向
weixin_45509705的博客
12-04 357
this 指向问题 普通函数的this由调用规则来确定，而箭头函数的的this（本身没有this）取决于父作用域的this 代码执行后，箭头函数取决于父级作用域的this，只跟随父作用域的this改变而改变，普通函数的this取决于调用方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head
javascript笔记之this到底指向哪里?
daihaoxin的专栏
04-27 146
本文最最核心的一句话就是：this是在函数调用的时候确定的，一定要牢牢记住，其次，在函数执行过程中，this一旦被确定，就不可更改了。 var a = 10; var obj = { a: 20 } function fn(){ this= obj; // 这句话试图修改this，运行后会报错 console.log(this.a); } fn(); this是什么 重点：th...
this的指向问题及用法
小小前端攻城狮的博客
04-10 1701
前言 最近，在准备面试，看到这样一道编程题，原题如下： // 写一个 sum 方法，当使用下面的语法调用时，能正常工作 console.log(sum(2, 3)); // Outputs 5 console.log(sum(2)(3)); // Outputs 5 这道题要考察的，就是对函数柯里化的理解。让我们先来解析一下题目的要求： 如果传递两个参数，我们只需将它们相加并返回。 否则，我们假设它是以sum(2)(3)的形式被调用的，所以我们返回一个匿名函数，它将传递给sum()（在本例中为2）
JavaScript中关于this指向问题(学习笔记)
Y4tacker的博客
07-08 1万+
文章目录总述通过实例分析 总述 this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window） 方法调用中谁调用this指向谁 构造函数中this指向构造函数的实例 通过实例分析 <button>点击</button> <script> // 1. 全局作用域
js改变函数this指向方法笔记
weixin_44915419的博客
02-18 220
js改变函数this指向方法，用于CV //function的prototype属性改变绑定执行环境对象的方法 // 1. apply方法(执行函数环境对象,arguments/参数数组) (function () { function sum(num1, num2) { return num1 + num2; } function callSum1(num1, num2) { console.log(this);/
改变this指向问题笔记
weixin_44703582的博客
04-27 486
改变函数内部this指向一共有三种方法，分别为call方法，apply方法和bind方法。 call()方法 语法: 函数.call(参数1,其他参数....可以是多个或者没有 ) 作用: call可以调用函数，也可以改变函数内的this指向 call的主要作用可以实现继承 apply()方法 语法: fun.apply(thisArg, [argsArray]) 调用函数 thisArg:在fun函数运行时指定的this值 argsArray：传递的值，必须包含在数组里面 返回...
JavaScript中this的学习笔记及用法整理
11-21
在JavaScript中，`this`关键字是一个非常核心的概念，它用于引用当前执行上下文的对象。`this`的值在不同情况下的确会有所不同，这给初学者带来了困惑。下面我们将深入探讨`this`在不同场景下的行为。 首先，`this`...
js取绝对值的两种方法
热门推荐
m0_53438035的博客
08-18 1万+
1：Math.abs(); 2：a>0?a:-a
块级作用域和函数作用域
m0_53438035的博客
08-03 2165
函数作用域与块级作用域 函数作用域：在函数内部声明的变量只能影响到变量所在函数体本身，无法从外部对函数内部的变量进行调用，被称为‘函数作用域’ 块级作用域：ES6 引入了 let 和 const 关键字，JavaScript 也有了块级作用域。当代码块中存在 let 或 const，这个代码块就成为了块级作用域。ES6 的块级作用域必须有大括号，如果没有大括号，JavaScript 引擎就认为不存在块级作用域。(即定义变量和使用变量只能在同一个{}里) var,let,const的区别 var var没有块
property和attribute，以及获取设置属性
m0_53438035的博客
07-28 539
在这里插个眼，说实话，没太明白 区别和相同 一般的内联属性为property和attribute共有，但自定义属性（内联样式中）为attribute所有。 attribute中的class在property中叫做className（在取值和赋值时注意） 取值和赋值（设值）的区别： 3.1.attribute的取值和赋值:getAttribute(‘属性名’,‘属性值’)，setAttribute(‘属性名’,‘属性值’) 3.2.property的取值和赋值分别为:变量=对象.属性;对象.属性=属性值（不
js之无法选中文字和禁止右键菜单小案例
m0_53438035的博客
05-04 521
代码： <body> <p>这是一段无法右键复制的文字</p> <p>这是一段无法选中的文字</p> <script> /* 禁止鼠标右键菜单 */ var p=document.querySelectorAll('p') p[0].addEventListener('contextmenu',(e)=>{ e.preventDefau
scrollingElement和documentElement
m0_53438035的博客
08-19 468
区别与相同 scrollingElement在MDN上的解释： 界面的scrollingElement只读属性 Document返回对Element滚动文档的引用。在标准模式下，这是文档的根元素 document.documentElement. 在 quirks 模式下，该scrollingElement属性返回 HTML body元素（如果它存在并且是潜在可滚动，否则返回 null。 documentElement在MDN上的解释： Document.documentElement 是一个会返回文
js中各种宽和高
m0_53438035的博客
08-19 319
屏幕尺寸（screen） window.screen.heiht和window.screen.availHeight window.screen.width=window.screen.availWidth 浏览器尺寸（inner和outer） window.innerHeight和window.outerHeight window.innerWidth和window.outerWidth window.innerWidth会受开发者工具影响 截至上述所有均包含滚动条 页面尺寸（client和off
JavaScript高级：函数定义与this指向详解
在本篇JavaScript高级第03天笔记中，主要讨论了函数的定义与调用，以及`this`关键字的指向。内容包括三种函数定义方式：函数声明、函数表达式和`newFunction()`方法。其中，函数声明（通过`function`关键字）和函数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值