[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纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

使用Node.js和PostgreSQL构建数据库应用

《使用Node.js和PostgreSQL构建数据库应用》PostgreSQL是一个功能强大的开源关系型数据库,而Node.js是构建高效网络应用的理想平台,结合这两个技术,我们可以创建出色的数据驱动... 目录初始化项目与安装依赖建立数据库连接执行CRUD操作查询数据插入数据更新数据删除数据完整示例与最佳

JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法

《JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法》:本文主要介绍JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法,每种方法结合实例代码给大家介绍的非常... 目录引言:为什么"相等"判断如此重要?方法1:使用some()+includes()(适合小数组)方法2

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

Python如何实现高效的文件/目录比较

《Python如何实现高效的文件/目录比较》在系统维护、数据同步或版本控制场景中,我们经常需要比较两个目录的差异,本文将分享一下如何用Python实现高效的文件/目录比较,并灵活处理排除规则,希望对大... 目录案例一:基础目录比较与排除实现案例二:高性能大文件比较案例三:跨平台路径处理案例四:可视化差异报

MySQL中比较运算符的具体使用

《MySQL中比较运算符的具体使用》本文介绍了SQL中常用的符号类型和非符号类型运算符,符号类型运算符包括等于(=)、安全等于(=)、不等于(/!=)、大小比较(,=,,=)等,感兴趣的可以了解一下... 目录符号类型运算符1. 等于运算符=2. 安全等于运算符<=>3. 不等于运算符<>或!=4. 小于运

C# 比较两个list 之间元素差异的常用方法

《C#比较两个list之间元素差异的常用方法》:本文主要介绍C#比较两个list之间元素差异,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. 使用Except方法2. 使用Except的逆操作3. 使用LINQ的Join,GroupJoin

使用Python获取JS加载的数据的多种实现方法

《使用Python获取JS加载的数据的多种实现方法》在当今的互联网时代,网页数据的动态加载已经成为一种常见的技术手段,许多现代网站通过JavaScript(JS)动态加载内容,这使得传统的静态网页爬取... 目录引言一、动态 网页与js加载数据的原理二、python爬取JS加载数据的方法(一)分析网络请求1

VSCode中配置node.js的实现示例

《VSCode中配置node.js的实现示例》本文主要介绍了VSCode中配置node.js的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一.node.js下载安装教程二.配置npm三.配置环境变量四.VSCode配置五.心得一.no