[JS]var、let与const比较

2024-08-20 22:48
文章标签 比较 js const var let

本文主要是介绍[JS]var、let与const比较,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

var  

let  

const


var  

用来声明变量。
在函数外声明的变量作用域是全局变量,在函数内用var声明的变量是局部变量,在函数内不用var声明的变量是全局变量。
在块级作用域中用var声明的变量,在作用域外也能访问。

{var name = "张三";
}
console.log(name); // 输出:张三

var name = "张三";
{var name = "李四";console.log(name); // 输出:李四
}
console.log(name); // 输出:李四

 例

var name = "张三";
{let name = "李四";console.log(name); // 输出:李四
}
console.log(name); // 输出:张三

var i = 0;
for (var i = 0 ; i < 5 ; i ++) {}
console.log(i); // 输出:5

例.  使用var关键字声明的全局作用域变量属于window对象

var name = "张三";
console.log(window.name); // 输出:张三

let  

用来声明的变量,只在let命令所在的代码块内有效。
变量只在 let 命令所在的代码块 {} 内有效,在 {} 之外不能访问。

{let name = "张三";
}
console.log(typeof name); // 输出:string
console.log(name); // 输出:空字符串

let name = "张三";
{let name = "李四";console.log(name); // 输出:李四
}
console.log(name); // 输出:张三

let i = 0;
for (let i = 0 ; i < 5 ; i ++) {}
console.log(i); // 输出:0

例. 使用let关键字声明的全局作用域变量不属于window对象

let name = "张三";
console.log(window.name); // 输出:空字符串

const

用来声明一个只读的常量,声明时必须进行初始化,声明常量的值不能改变。
const定义常量与使用let定义的变量相似。
1、二者都是块级作用域。
2、都不能和它所在作用域内的其他变量或函数拥有相同的名称。
const与let有下两点区别。
1、const声明的常量必须初始化。
2、const定义常量的值不能通过再赋值修改,也不能再次声明。

const GR = 0.618;
GR = 0.5; // 报错:Assignment to constant variable.(对常量变量的赋值)

const并非真正的常量
const 定义的变量并非常量,并非不可变,它定义了一个常量引用一个值。使用 const 定义的对象或者数组,其实是可变的。

const person = {"name":"张三","age":"20"};
person.name = "李四";
person.age = "30";
console.log(person); // 输出:{name: "李四", age: "30"}person = {"name":"王五","age":"25"}; // 报错:Assignment to constant variable.

 

这篇关于[JS]var、let与const比较的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1091398

相关文章

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

C#比较两个List集合内容是否相同的几种方法

《C#比较两个List集合内容是否相同的几种方法》本文详细介绍了在C#中比较两个List集合内容是否相同的方法,包括非自定义类和自定义类的元素比较,对于非自定义类,可以使用SequenceEqual、... 目录 一、非自定义类的元素比较1. 使用 SequenceEqual 方法(顺序和内容都相等)2.

对postgresql日期和时间的比较

《对postgresql日期和时间的比较》文章介绍了在数据库中处理日期和时间类型时的一些注意事项,包括如何将字符串转换为日期或时间类型,以及在比较时自动转换的情况,作者建议在使用数据库时,根据具体情况... 目录PostgreSQL日期和时间比较DB里保存到时分秒,需要和年月日比较db里存储date或者ti

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

百度/小米/滴滴/京东,中台架构比较

小米中台建设实践 01 小米的三大中台建设:业务+数据+技术 业务中台--从业务说起 在中台建设中,需要规范化的服务接口、一致整合化的数据、容器化的技术组件以及弹性的基础设施。并结合业务情况,判定是否真的需要中台。 小米参考了业界优秀的案例包括移动中台、数据中台、业务中台、技术中台等,再结合其业务发展历程及业务现状,整理了中台架构的核心方法论,一是企业如何共享服务,二是如何为业务提供便利。

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

Node.js学习记录(二)

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件