Var、Let 和 Const

var、let 和 const

瓦尔

var a = 11;{var a = 8;};console.log(a);// 8-------------------------------------------------------------------------var a = 11;{a = 28;};console.log(a);// 28

用var声明的变量在全局范围内。我们甚至可以在块外访问 var 变量,因为它不是块作用域的。此外,我们可以在块内部和外部重新声明和重新分配 var 变量。

{    let a = 24;}console.log(a);// referenceerror: a is not defined-------------------------------------------------------------------------{    let a = 24;    console.log(a);// 24}-------------------------------------------------------------------------{    let a = 24;    a = 20;    console.log(a);// 20}// -------------------------------------------------------------------------{    let a = 24;    let a = 20;    console.log(a);//syntaxerror: identifier 'a' has already been declared}-------------------------------------------------------------------------let a = 20;{let a = 24;console.log(a);// 24}

let有独立的内存空间和块作用域。用let声明的变量不能在块外访问,因为它们不在全局范围内。我们可以重新分配一个 let 变量。但是,我们不能在同一个块中重新声明相同的变量,但我们可以在不同的块中重新声明它。

常数

{  const x = 4;  }console.log(x);//ReferenceError: x is not defined-------------------------------------------------------------------------{  const x = 4;    console.log(x) ;// 4}-------------------------------------------------------------------------{  const x = 4;    const x = 2;  }console.log(x);//SyntaxError: Identifier 'x' has already been declared-------------------------------------------------------------------------{  const x = 4;   }const x = 2;console.log(x);// 2-------------------------------------------------------------------------const x = 2;// we can access the global(x){  const x = 4;   // we cannot access the outside block}console.log(x);// 2

const有独立的内存空间,并且是块作用域的。一旦用 const 声明并初始化一个值,就不能重新声明或重新分配它。我们无法在其块之外访问 const 变量,因为它不在全局范围内。我们不能在同一块内重新声明变量,但可以在块外重新声明它。

以上就是Var、Let 和 Const的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1498930.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 20:53:52
下一篇 2025年12月19日 20:54:12

相关推荐

  • JavaScript的异步函数错误处理有哪些最佳实践?

    异步函数中需用try/catch捕获await的Promise错误,避免未处理拒绝;通过分类错误类型区分处理,补充上下文信息便于调试,并统一全局错误兜底机制。 JavaScript异步函数中的错误处理是确保程序健壮性的关键。由于异步操作的非阻塞性质,错误不会像同步代码那样自然冒泡到外层作用域,因此需…

    2025年12月20日
    000
  • JavaScript 循环处理数据时对象引用陷阱与解决方案

    本教程深入探讨了在 JavaScript 循环中处理对象数据时,因对象引用特性而导致只保存最后一条数据的常见问题。我们将详细解释该问题产生的根本原因,即在循环外部声明并反复修改同一对象实例,导致数组中所有元素都指向同一个内存地址。教程提供了清晰的示例代码,并展示了通过在每次循环迭代中创建新的对象实例…

    好文分享 2025年12月20日
    000
  • JavaScript中的严格模式(Strict Mode)解决了哪些历史遗留问题?

    严格模式通过”use strict”限制危险行为,禁止意外创建全局变量、重复参数名、使用with语句,增强对象操作安全性,规范this指向,阻止八进制语法等,提升代码安全与可维护性。 JavaScript的严格模式通过在脚本或函数顶部添加 “use strict&…

    2025年12月20日
    000
  • JavaScript循环中对象引用陷阱:解决数据覆盖与只记录最后一个的问题

    本文深入探讨了JavaScript循环处理数据时,由于对象引用特性导致的常见问题:在循环中修改并添加到数组的对象,最终可能只保留最后一个数据或所有数据相同。文章将详细解释这一现象的原理,并通过代码示例展示如何通过在每次循环迭代中创建新对象来有效解决此问题,确保数据正确独立地存储。 循环中数据覆盖现象…

    2025年12月20日
    000
  • 实现HTML范围滑块居中值显示:CSS与JavaScript的结合应用

    本文详细介绍了如何利用CSS的::after伪元素、data-*属性和JavaScript动态更新,在HTML范围滑块(range slider)的中心位置显示当前值。通过分离结构、样式和行为,该教程提供了一种优雅且可维护的解决方案,避免了传统方法如标签的局限性,并提升了用户体验,适用于需要自定义滑…

    2025年12月20日
    000
  • 在React JS项目中通过CDN集成React-Select组件的详细指南

    本教程旨在解决在React JS应用中通过CDN引入react-select时常见的“select is not defined”错误。文章将详细阐述react-select及其核心依赖项的CDN引入顺序和正确方式,提供完整的HTML示例代码,帮助开发者顺利集成该组件,并探讨相关注意事项与最佳实践,…

    2025年12月20日
    000
  • JavaScript循环中对象引用陷阱:解决数据覆盖与文件写入问题

    本文探讨了JavaScript循环中常见的对象引用问题,即当在循环外部声明对象并在内部修改时,导致数组中所有元素最终都指向同一个被修改的最后一个对象。教程将详细解释这一机制,并提供正确的解决方案,确保每次迭代都能创建独立的对象实例,从而避免数据覆盖,实现准确的数据记录和文件写入。 问题解析:Java…

    2025年12月20日
    000
  • 如何利用CSS-in-JS技术动态管理组件样式?

    答案:CSS-in-JS将样式写入JavaScript,实现动态样式、作用域隔离与主题管理。使用styled-components等库可通过props动态调整样式,结合ThemeProvider传递主题,在组件中嵌入媒体查询实现响应式设计,提升开发效率与可维护性。 使用CSS-in-JS可以在组件中…

    2025年12月20日
    000
  • 如何运用设计模式来组织复杂的前端JavaScript代码?

    模块模式通过闭包封装私有状态,暴露公共接口,避免全局污染;2. 观察者模式解耦组件通信,实现事件驱动更新;3. 工厂模式集中创建逻辑,提升对象生成一致性;4. 装饰器模式动态增强功能而不修改原对象。合理选用可提升代码可维护性。 面对复杂的前端 JavaScript 代码,直接堆砌逻辑会让维护变得困难…

    2025年12月20日
    000
  • JavaScript 提取远程 HTML 特定内容教程

    本教程详细介绍了如何使用 JavaScript 的 fetch API 获取远程 HTML 内容,并通过 indexOf 和 substring 方法精确提取指定分隔符之间的文本。文章强调了分隔符精确匹配的重要性,并提供了完整的代码示例、错误处理机制及注意事项,旨在帮助开发者高效地从网页中抽取所需信…

    2025年12月20日
    000
  • 如何用Node.js实现一个OAuth认证流程?

    实现OAuth授权码模式需先在平台注册应用获取Client ID和Secret,设置回调地址;用户登录时重定向至第三方授权URL,包含client_id、redirect_uri、scope等参数;用户同意后平台返回授权码,服务端用该码向令牌端点发起POST请求换取access token;获取to…

    2025年12月20日
    000
  • 构建可持久化全局图片内容显示的动态控制系统

    本教程详细介绍如何通过JavaScript、CSS和Cookie实现网站全局内容的动态控制与状态持久化。我们将学习如何利用元素上的类名来切换页面元素的显示状态(例如,移除图片上的覆盖层),并通过Cookie确保用户选择在页面刷新或浏览器会话结束后依然有效。这种方法提供了一种灵活且可维护的解决方案,适…

    2025年12月20日 好文分享
    000
  • 在大型项目中,有哪些策略可以有效地管理JavaScript的内存泄漏?

    及时清理事件监听器和定时器,避免因引用未释放导致内存泄漏;2. 避免意外全局变量和闭包强引用,启用严格模式并手动解除大型对象引用;3. 管理DOM引用和缓存,移除节点后置引用为null,使用WeakMap/WeakSet避免强引用;4. 使用弱引用结构如WeakMap存储元数据、WeakSet跟踪状…

    2025年12月20日
    000
  • 如何通过JavaScript实现手风琴效果?

    手风琴效果通过JavaScript监听点击事件,切换类名并结合CSS过渡实现内容展开收起。其核心是利用max-height与overflow隐藏内容,并动态设置scrollHeight以适应不同高度;使用button元素和aria-expanded、aria-controls、hidden等属性提升…

    2025年12月20日
    000
  • JavaScript 的 super 关键字在类继承中是如何解析和绑定的?

    super关键字在JavaScript类继承中用于调用父类构造函数、方法和属性,其绑定基于类定义时的静态连接而非动态绑定。在子类构造函数中必须调用super()以初始化父类并绑定this;在实例方法中使用super.method()时,会从父类原型查找方法;在静态方法中则访问父类的静态方法。Java…

    2025年12月20日
    000
  • 根据数组长度动态添加按钮的 JavaScript 教程

    在 JavaScript 中,根据数组长度动态添加按钮是一种常见的需求,例如在用户添加一定数量的选项后,显示“提交”或“下一步”按钮。关键在于监听触发数组长度变化的事件,并在事件处理函数中判断数组长度是否满足条件,如果满足,则创建并显示按钮。 实现步骤 创建 HTML 元素: 首先,我们需要创建必要…

    2025年12月20日
    000
  • JavaScript中的沙箱机制是如何保证代码隔离的?

    JavaScript沙箱通过隔离执行环境防止不可信代码访问敏感数据,核心包括:1. 作用域隔离,用IIFE等手段避免变量污染;2. 全局对象代理,通过Proxy限制API访问;3. 禁用eval等危险操作防止逃逸;4. 利用iframe+postMessage实现浏览器级隔离,在安全与功能间权衡。 …

    2025年12月20日
    000
  • JavaScript 的缓存策略:如何合理运用 LocalStorage、SessionStorage 与 IndexedDB?

    答案:前端缓存需根据数据特性选择合适方式。LocalStorage适合持久化小量字符串数据,如用户设置;SessionStorage用于会话级临时存储,如表单状态;IndexedDB则支持大量结构化数据的异步操作,适用于离线应用和文件缓存。 前端缓存不只是“存一下数据”那么简单。在实际开发中,合理选…

    2025年12月20日
    000
  • 如何编写符合无障碍标准的交互式JavaScript组件?

    答案是编写无障碍JavaScript组件需遵循键盘可访问、ARIA正确应用、焦点管理及语义化HTML原则。确保组件可通过Tab键聚焦,支持Enter/Space操作,复合组件使用方向键导航,避免用div模拟按钮;为自定义控件添加role、aria-expanded、aria-checked等属性,利…

    2025年12月20日
    000
  • 怎样编写JavaScript代码以实现无障碍(Accessibility)要求?

    实现无障碍的JavaScript需同步更新ARIA属性、管理键盘焦点、确保动态内容可被屏幕阅读器感知,并避免破坏原生可访问性行为,结合语义化HTML构建包容性应用。 实现无障碍(Accessibility,简称 a11y)的 JavaScript 代码,关键在于确保动态内容和交互行为对所有用户(包括…

    2025年12月20日
    000

发表回复

登录后才能评论
关注微信