let 作用域问题， 全局变量不能this引用

最新推荐文章于 2023-07-19 09:56:42 发布
最新推荐文章于 2023-07-19 09:56:42 发布
阅读量476 收藏
点赞数
分类专栏： js小问题 文章标签： javascript 前端 typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzk220106/article/details/122469263
版权
本文探讨了在JavaScript中使用let声明变量时遇到的作用域问题，特别是在与this关键字结合使用时的挑战。文章指出，由于let的块级作用域特性，它无法在全局范围内引用this，这与var声明的变量有所不同。通过对示例代码的分析，解释了为何在函数或对象上下文中，this的指向可能与预期不符，从而帮助开发者理解并避免这类常见陷阱。
摘要由CSDN通过智能技术生成 
用let、const定义全局变量name, 用this.name,获取值为空
let name = 'dasi'
console.log('this---', this.name)
console.log('this---',
最低0.47元/天 解锁文章
确认过眼神cxy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
有关js的变量作用域和this指针的讨论
10-28
在JavaScript编程语言中，变量作用域和`this`指针是理解代码逻辑和正确执行上下文的关键概念。本文将深入探讨这两个主题。 首先，我们来详细解析变量作用域。在ECMAScript规范中，变量作用域决定了变量在哪里可以被...
理解JavaScript变量作用域更轻松
10-29
JavaScript中存在两种主要的作用域：全局作用域和函数作用域，没有块级作用域（虽然ES6引入了let和const，但它们的行为并不完全等同于块级作用域，此处主要讨论函数作用域）。 1. 全局作用域：在所有函数外部定义的...
面试题--JS
weixin_50365835的博客
02-21 196
面试题--JS
ECMA6 let 声明全局变量，this 获取该全局变量会出现问题。
91奔跑的蜗牛
03-04 1016
首先：var定义的变量是全局变量或者函数变量。 let定义的变量是块级的变量。 如果用 let 声明全局，想通过 this 来获取该全局变量会出现问题： <script> let num = 100; // let 声明的全局变量，无法通过this来获取 var num2 = 200; // 拿不到 let num = 100; u...
浅谈var、let、const
m0_58355198的博客
09-07 279
本文属于转载文章 原文链接：https://blog.csdn.net/unionz/article/details/80032048 首先，一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？       ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM
const 和 let 声明的变量不在window 上，如何获取
最新发布
qq_43592064的博客
07-19 292
const 和 let 声明的变量不在window 上，如何获取
html5 调用不了函数,【前端】webpack打包后，module模块中的函数无法在html标签的事件中调用？...
weixin_28703451的博客
06-04 536
折腾了好久，求大佬指点~~最近才开始接触webpack以及ES6的module，可能理解的有问题吧。。。希望大佬来指点一下我这个菜鸟。我的想法是在一个module中定义函数，在HTML的中用onclick事件调用这个函数。module模块代码：— base.js —export default {msg: 'Hello World!',objClick: function() {console.l...
JS块级作用域和私有变量实例分析
10-17
JavaScript中的块级作用域和私有变量是编程中两个重要的...通过合理利用这些特性，可以避免全局变量污染，提高代码复用性和封装性。在实际开发中，你可能会遇到更多复杂情况，但理解这些基本概念将为你提供坚实的基础。
深入理解JavaScript中的块级作用域、私有变量与模块模式
12-09
JavaScript中的块级作用域、私有变量和模块模式是编程中至关重要的概念，尤其是在大型项目中，它们有助于保持代码...正确使用这些特性可以有效地管理代码的组织结构，防止全局变量污染，以及保护敏感信息不被非法访问。
javascript 显示全局变量与隐式全局变量的区别
10-20
- 尽可能使用`let`或`const`代替`var`，因为它们提供了块级作用域，减少了全局变量的滥用。 - 使用模块系统（如ES6模块或CommonJS）来组织代码，减少全局变量的使用。 - 对于需要全局共享的对象或函数，考虑使用命名...
Vue学习——Js中var和let的作用域
小徐的博客
06-19 439
因为在es5中var是没有块级作用域的，所以我们通常要借助于function的作用域来弥补这一缺陷。而es6中的let解决了es5中var没有块级作用域的缺陷，它相当于是一个完美的var。 举例说明没有块级作用域和有块级作用域的区别： Var(没有块级作用域) 在body中设置4个button按钮 <button>button1</button> <button>button2</button> <button>button3</button
ES6之作用域与let、const
qq_45634651的博客
03-17 163
1.let命令 ES5和以前版本的js采用var声明变量，ES6 新增了 一个JavaScript 关键字: let 。let 的用法类似于var，但相较于var具有以下特点 1.1块作用域 let所声明的变量只在let命令所在的代码块有效 { let a=10; var b=1; } console.log(b); console.log(a); 输出结果b是1，a是not defined（此处注意not defined和undefined区别，undefined说明变量声明但没有定义，not d
this 指向
W Y L
02-22 121
使用 JavaScript 开发的时候，很多开发者多多少少会被 this 的指向搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话：哪个对象调用函数，函数里面的 this 指向哪个对象。 普通函数：谁调用指向谁 全局变量指向全局对象-window var username = 'cn' function fn() { alert(this.username) //cn } fu()...
ES6中使用let, const声明的变量, 在window对象下是获取不到的
AshesO的博客
03-29 888
ES6中使用let, const声明的变量, 在window对象下是获取不到的 今天在写demo的时候发现, 使用let或者const声明的变量, 在window对象下使用this来获取发现获取不到 参考别人的文章后发现, 原来es6中，var，function声明的全局变量，仍然属于顶级对象的属性；使用let，const，class声明的全局变量不再属于顶层对象的属性，这意味着es6开始，全局变量和顶层对象的属性开始分离，脱钩。所以我们在window对象里也就找不到let声明的age了。 let a
JavaScript中let 和 const有何区别，如何使用？
mxk4869的博客
03-10 270
let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量，一旦声明，常量的值就不能改变。 { var x = 2; } // 这里可以使用 x 变量 证明了var是全局变量。 { let x = 2; } // 这里不能使用 x 变量 证明了let是局部变量。 const 关键字 const 用于声明一个或多...
前端开发，需要掌握的ES6知识
qq_42264793的博客
11-18 605
https://www.cnblogs.com/theblogs/p/10575845.html
关于let声明的变量在window里无法获取到的问题
棠樾的博客
09-30 792
首先来看一个例子： 乍一看，感觉很简单，第一个fn()函数里面的this指向的是window，但是执行结果发现fn()输出的是 undefined。 为什么会出现这个问题，根本原因就是ES6和ES5变量声明的区别： 1.ES5声明变量只有两种方式 ：var 和 function 2.ES6 声明变量的方式有： let const import class 再加上ES5的var fun...
Vue中 let _this = this的作用
热门推荐
qq_42750329的博客
07-29 2万+
在查看别人所写的代码时，通常都会看到这样的写法：let _this = this，一开始并不明白其用意，经过查阅发现其目的是为了存储this的指向。可以通过观察下面的例子来加深理解。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件测试</titl...
掌握JavaScript高级ES6：作用域、变量声明与全局管理
函数作用域内声明的变量只在函数内部可见，如`let`和`const`声明的变量会创建块级作用域，而`var`在函数内声明时仍为全局变量。函数执行完毕后，内部变量会被销毁。 - 块级作用域：`let`和`const`在代码块范围内创建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值