[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常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: 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、路由模块添加前缀 四、中间件

c++的初始化列表与const成员

初始化列表与const成员 const成员 使用const修饰的类、结构、联合的成员变量,在类对象创建完成前一定要初始化。 不能在构造函数中初始化const成员,因为执行构造函数时,类对象已经创建完成,只有类对象创建完成才能调用成员函数,构造函数虽然特殊但也是成员函数。 在定义const成员时进行初始化,该语法只有在C11语法标准下才支持。 初始化列表 在构造函数小括号后面,主要用于给

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

使用JS/Jquery获得父窗口的几个方法(笔记)

<pre name="code" class="javascript">取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);如题: $(selector, window.top.document);//获得顶级窗口里面的元素 $(

js异步提交form表单的解决方案

1.定义异步提交表单的方法 (通用方法) /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span style="color:#ff0000;"><strong>@注意 后台接收参数要解码否则中文会导致乱码 如:URLDecoder.decode(param,"UTF-8")</strong></span>

关键字synchronized、volatile的比较

关键字volatile是线程同步的轻量级实现,所以volatile性能肯定比synchronized要好,并且volatile只能修饰于变量,而synchronized可以修饰方法,以及代码块。随着JDK新版本的发布,synchronized关键字的执行效率上得到很大提升,在开发中使用synchronized关键字的比率还是比较大的。多线程访问volatile不会发生阻塞,而synchronize

js react 笔记 2

起因, 目的: 记录一些 js, react, css 1. 生成一个随机的 uuid // 需要先安装 crypto 模块const { randomUUID } = require('crypto');const uuid = randomUUID();console.log(uuid); // 输出类似 '9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d'