前端笔记——var let const 之间的区别

Var:

关键字来声明变量。它有以下特点:

  • var声明的变量作用域是函数级的,即在函数内部声明的变量在整个函数范围内可见。

  • var变量可以被重复声明,而不会引发错误。

  • var变量会存在变量提升(hoisting)现象,即在变量声明之前就可以使用该变量。

    示例:

    javascript 复制代码
    jsCopy Codefunction example() {
      if (true) {
        var x = 10;
        console.log(x); // 输出 10
      }
      console.log(x); // 输出 10,因为 var 声明的变量是函数级作用域,所以此处可以访问到 x。
    }

Let:

在ES6中引入了let关键字

  • let声明的变量作用域是块级的,即在 {} 内部声明的变量只在该块内可见。

  • let变量不允许重复声明,在同一作用域内重复声明同一个变量将引发错误。

  • let变量不会存在变量提升,即在声明之前访问该变量会引发错误。

    示例:

    javascript 复制代码
    function example() {
      if (true) {
        let x = 10;
        console.log(x); // 输出 10
      }
      console.log(x); // 报错,因为 let 声明的变量是块级作用域,无法在块外访问到 x。
    }

Const:

关键字用于声明常量:

  • const声明的变量必须进行初始化,并且一旦赋值后就不能再被修改。

  • const声明的作用域同样是块级的。

  • const声明的对象是浅不可变的,即变量指向的地址不能改变,但是对象本身的属性可以修改。

    示例:

    javascript 复制代码
    function example() {
      const x = 10;
      console.log(x); // 输出 10
    ​
      x = 20; // 报错,常量无法被修改
    ​
      const obj = { name: 'John' };
      obj.name = 'Jane'; // 可以修改对象的属性
      console.log(obj); // 输出 { name: 'Jane' }
    }

我只是博主的一点浅见,如果大家认为有错误的地方都可以随时评论留言或联系博主QQ。

还多请各位小可爱多多点赞支持,你们的支持是我最大的动力。

博主QQ:1196094293

谢谢各位的支持~~

相关推荐
qq. 28040339847 小时前
CSS层叠顺序
前端·css
喝拿铁写前端7 小时前
SmartField AI:让每个字段都找到归属!
前端·算法
猫猫不是喵喵.7 小时前
vue 路由
前端·javascript·vue.js
烛阴8 小时前
JavaScript Import/Export:告别混乱,拥抱模块化!
前端·javascript
bin91538 小时前
DeepSeek 助力 Vue3 开发:打造丝滑的表格(Table)之添加行拖拽排序功能示例12,TableView16_12 拖拽动画示例
前端·javascript·vue.js·ecmascript·deepseek
GISer_Jing8 小时前
[Html]overflow: auto 失效原因,flex 1却未设置min-height &overflow的几个属性以及应用场景
前端·html
程序员黄同学8 小时前
解释 Webpack 中的模块打包机制,如何配置 Webpack 进行项目构建?
前端·webpack·node.js
拉不动的猪8 小时前
vue自定义“权限控制”指令
前端·javascript·vue.js
再学一点就睡8 小时前
浏览器页面渲染机制深度解析:从构建 DOM 到 transform 高效渲染的底层逻辑
前端·css
拉不动的猪9 小时前
刷刷题48 (setState常规问答)
前端·react.js·面试