JavaScript严格模式下this的指向

最新推荐文章于 2024-06-02 08:16:33 发布
原创 最新推荐文章于 2024-06-02 08:16:33 发布 · 103 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文详细解释了在JavaScript中，全局作用域下this的指向规律，包括window对象，函数中未指定上下文的undefined行为，以及对象调用时的绑定规则。通过实例和链接提供深入理解。

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

在严格模式下

  1. 全局作用域的this指向window对象
  2. 全局作用域中函数的this为undefined
  3. 对象、事件之类的就是谁调用就是谁

参考资料：https://www.jb51.net/article/118506.htm

JS中的this指向问题（详解）
Zhang_wang_yun的博客
04-09 739
普通函数的调用方式决定了 `this `的值，即【谁调用 this 的值指向谁】
JS 关于 this 指向的几种情况
Thinking anywhere anytime.
01-02 3898
一、this 指向 window 1、全局函数里面的 this 指向 window 2、箭头函数里面的 this 指向 window // 定义全局变量 title 与函数 foo var title = 'hello,world' // 注意：若使用 let 定义则不属于全局变量 function foo() { console.log(this.title) } function arrow() { let title = 'hello,arrow' return () => { re
Js当中严格模式下，常见的this指向
bqiuer的博客
01-02 1132
Js当中严格模式下this的指向 全局作用下的this 严格模式下，在全局作用域中，this指向window对象（非严格模式也一样） "use strict" console.log(this,this === window); 普通函数当中 严格模式下，普通函数中的this指向**undefined ** （非严格模式指向window对象） function Fun02(){ console.log(this) } //严格模式下 function Fun01(){ "use stric
JS中this指向问题（一看就会）
最新发布
qq_63943166的博客
06-02 574
JS中this指向问题：this 的值取决于它出现的上下文：函数、类或全局。
this指向详解
如果相遇，那么你好哦~
10-19 337
this是开发过程中最为常用的，因此掌握好this的指向，是一个开发工程师所必不可少的，同时可以减少很多莫名其妙的Bug，后续会完善一些call，apply，bind的手写方法，有想法的小伙伴可以一起来学习哦！箭头函数：（） => {console.log(this)} 注意：这里的this找的是上级函数的this。在非严格模式下，总是指向一个对象，在严格模式下可以是任意的值。（2）对象方法调用的this值：调用者（两种模式都是）这里是开启了严格模式的，但是其实非严格模式也是指向的Window。
JS中的this指向
热门推荐
m0_55990909的博客
05-13 4万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
JavaScript严格模式下关于this的几种指向详解
10-19
在正常模式下，`this`的指向可能因上下文而异，但在ECMAScript 5引入的“严格模式”（`use strict`）下，`this`的行为变得更加规范和严格，避免了一些可能导致错误的隐式行为。接下来，我们将详细探讨在严格模式下`...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
Javascript 中 this指向
09-07
这种情况相对简单、直接，函数在浏览器全局环境下被简单调用，在非严格模式下this指向window，在通过use strict指明严格模式的情况下指向undefined。 例题 2： ``` const foo = { bar : 10, fn : function(){ ...
我所理解的JavaScript中的this指向
10-14
首先，当函数直接调用时，`this`的指向在非严格模式下是全局对象，如在浏览器环境中是`window`对象，在Node.js环境中是`global`对象。但在严格模式下，`this`将被设置为`undefined`，以避免意外修改全局变量。例如：...
JavaScript中this的指向 详解
Wang Chengchen's Blog
05-13 5069
JavaScript的this的指向详解 this的指向一直是困扰前端小白的难题，作为小白的我用掉了好多头发的能量，稍微总结出来一点经验！！！ 关于this的指向，主要有一下几个版块， ①全局环境下的this指向 ②函数内的this ③对象中的this ④箭头函数中的this ⑤构造函数中的this ⑥原型链中的this 【补充一点】关于this，谁调用就指向谁，箭头函数在下面做单独讨论。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格模式！ congs
js严格模式下的this指向
qq_36709020的博客
05-04 2215
一、全局作用域中的this在严格模式下，在全局作用域中，this指向window对象?12345678"use strict"; console.log("严格模式");console.log("在全局作用域中的this");console.log("this.document === document",this.document === document);console.log("this ...
严格模式下的this指向
weixin_46051988的博客
04-21 1589
概述 严格模式是由ECMA-262规范定义的新兴JavaScript标准，旨在改善错误检查功能并且标识可能不会延续到未来JavaScript版本的脚本。ES5严格模式是限制性更强的JavaScript变体，它与常规JavaScript的语义不同，其分析更为严格。 严格模式下类中的this指向 类中所有的方法，在局部默认开启了严格模式，它不敢指向window所以指向了undefined <script> class Person{ construct
JavaScript 严格模式下this的几种指向
weixin_33751566的博客
07-09 421
前言 曾经被 JavaScript 中的 this 弄晕了，今天整理总结一下在严格模式下 this 的几种指向。 1. 全局作用域中的this 在严格模式下，在全局作用域中，this指向window对象 "use strict"; console.log("严格模式"); console.log("在全...
Javascript中严格模式和正常模式下this的指向
我本可以
11-12 973
在 Javascript中 `this` 的指向不是固定不变的，它会随着执行环境的改变而改变。但它始终会指向该方法运行时所在的环境（调用函数的那个对象）。 函数和方法区别： 方法依赖对象调用，函数不依赖对象。
FATAL ERROR: invalid array length Allocation failed - JavaScript heap out of memory
tinyint_813的博客
04-15 3145
今天在js里面写了个翻转括号字符串的算法，发现出现了FATAL ERROR: invalid array length Allocation failed - JavaScript heap out of memory错误，后来发现是自己while循环 没有终止条件，导致了内存泄漏。 此外，还需注意循环时不要让条件动态改变。 ...
webstorm环境变量配置
tinyint_813的博客
12-25 2989
webstorm环境变量配置 在学习JS中ES6的语言规则时，准备动手在webstrom上面敲敲熟练一下的，结果发现想要输出（即consolo.log()）并不能打印出来，于是查询了很多资料，总结如下。 在https://nodejs.org/en/下载node.js 下载好直接安装 在cmd命令行中查看是否安装完成，输入path，出现如下 进入已安装好的webstorm，点击左上角的file—>settings---->搜索node.js，显示如下 在右边找到你的安装地址，点击ok，即可
JS中的slice，深拷贝？浅拷贝？
tinyint_813的博客
09-02 1470
首先，slice是对数组的操作 b = a.slice(); 如果a数组里的值都是基本数据类型，那就是深拷贝 其次，如果其中有引用数据类型，那拷贝的就是引用数据类型的地址，那么改了a，b对应的引用类型也会改。 最后注意，如果 b[2] = 100, 对应的引用类型 a[2]不会更改，因为 b[2]改的是指针，不是引用数据类型 ...
leetcode(数组) --- JavaScript ---顺时针打印矩阵_方法一
tinyint_813的博客
03-10 591
// 输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字 // 输入：matrix = [[1,2,3],[4,5,6],[7,8,9]] // 输出：[1,2,3,6,9,8,7,4,5] // 时间复杂度：O(mn). 其中 m 和 n 分别是输入矩阵的行数和列数。矩阵中的每个元素都要被访问一次。 // 空间复杂度：O(mn). 需要创建一个大小为 m×n 的矩阵, visited记录每个位置是否被访问过 /*思路：①判断矩阵是否是空的，是否是二维矩阵 ②初始化变量：矩阵行、列数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值