JavaScript中let、var和const的区别及应用场景的介绍

javascript中,建议在使用变量和常量时声明变量名称(下面统称为“变量”)。var,let和const是在javascript中声明变量时使用的关键字,其中,let和const是ecmascript 2015采用的新声明方法的关键字。

 JavaScript

ECMAScript 2015(ekma脚本)是JavaScript的标准规范。由国际组织标准化,在Google Chrome和Internet Explorer 11及更高版本等现代浏览器中被广泛采用。

使用let和const,可以防止错误的值被覆盖,或者错误地声明具有相同名称的变量。

下面我们就详细的看看var,let和const的区别及用法

立即学习“Java免费学习笔记(深入)”;

var

在var中,你可以重新声明并重新分配。

var techacademy = '初始值ok';techacademy = '重新分配ok';var techacademy = '重新声明ok';

登录后复制

let

let中禁止重新声明

let techacademy = '初始值ok';techacademy = '重新分配ok';let techacademy = '重新声明no';

登录后复制

const

在const中,禁止重新声明和重新分配。

const techacademy = '初始值ok';techacademy = '重新分配no';const techacademy = '重新声明no';

登录后复制

下面我们就来通过例子具体的说明let、var和const

let、var和const的写法

基本程序如下。在每个关键字之后,写下变量名称和初始值。var和let的初始值可以省略。

var hoge1 = 'hoge1';var hoge2;  // 省略初始值的写法let fuga1 = 'fuga1';let fuga2;  // 省略初始值的写法const piyo = 'piyo'; // const的初始值不能省略

登录后复制

let、var和const的使用范围

var,let,const的使用范围是不同的。

例如,如果var在if语句之外声明,则它也可以在if语句中使用。

let和const超出范围就不能使用了。

if (1) {var x = 'ok';let y = 'no';const z = 'no';}console.log(x); //可以使用console.log(y); //范围外,错误console.log(z); //范围外,错误

登录后复制

我们来看具体的示例

变量声明基本上是使用const。重新分配const时会发生错误。因此,通过声明一个您不想使用const更改值的变量,可以防止意外更改的的值。

const piyo = 'piyo';piyo = 'hogehoge';  // 发生错误

登录后复制

运行效果如下

JavaScript

如果需要重新分配,可以使用let。由于let相比于var可以在局部设置变量的有效范围,因此可以防止错误地声明具有相同名称的变量。

{  let fuga = 'fuga';  // 仅在{ ... }中有效   fuga = 'fugafuga';  // 重新分配,没有错误  console.log(fuga);}console.log(fuga);  // 发生错误

登录后复制

运行效果如下

JavaScript

在大多数情况下,建议使用const和let。仅在绝对必要时使用var;这可以防止错误地使用变量,因此可以减轻编程和调试的负担。

以上就是JavaScript中let、var和const的区别及应用场景的介绍的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2735452.html

(0)
上一篇 2025年3月8日 01:15:49
下一篇 2025年3月8日 01:15:58

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JavaScript的历史对象是什么

    javascript的历史对象是 window 对象的一部分,表示用户访问过的url的数组集合;它是用来保存着用户上网的历史历史,从窗口被打开的那一刻算起。 本篇文章给大家介绍JavaScript的历史对象,让大家对History对象有一个…

    2025年3月8日
    200
  • JavaScript提供的Cookie属性有哪些

    javascript提供的cookie属性有:expires属性(声明cookie的到期时间),max-age属性(声明cookie活动的最大时间),domain属性(定义有效域名),path属性。 Cookie是什么? Cookie是服务…

    2025年3月8日
    200
  • JavaScript 提升(Hoisting)是什么

    hoisting是javascript 中的一种机制,它可以将变量和函数的声明移到最顶部;让我们可以在声明它们之前使用变量和函数,也就是说:让变量和函数可以先使用再声明。 本篇文章就给大家介绍JavaScript的提升机制(Hoisting…

    2025年3月8日 编程技术
    200
  • javascript如何执行调试

    javascript中执行调试的方法有:1、使用console.log()方法调试,该方法可以将结果显示在浏览器的控制台中;2、通过关键字“debugger”设置断点来逐步检查每行代码。 本文操作环境:windows7系统,DELL G3电…

    2025年3月8日 编程技术
    200
  • 在JavaScript中如何创建对象

    对象是属性的集合,变量数组也是一种对象,对象可用于管理数据,属性就是添加了以名称(属性名称)为前缀的特定名称(值),本篇文章我们就来详细介绍一下javascript对象的用法。 我们先来看如何创建一个对象 创建一个traffic_light…

    2025年3月8日 编程技术
    200
  • 如何使用JavaScript操作字符串

    JavaScript可以对字符串进行各种操作,比如,字符串输出、字符串连接以及转义字符,本篇文章我们就来详细介绍关于JavaScript操作字符串的方法。 一、使用JavaScript输出字符串    在JavaScript中,想要输出字符…

    2025年3月8日 编程技术
    200
  • JavaScript中的算术运算符怎么使用

    JavaScript中的算术运算符可用于计算和输出值,包括加减乘除和余数的操作,本篇文章我们就来具体介绍JavaScript中算术运算符的用法,下面我们来看具体的内容。 算术运算符加减乘除和余数的符号分别是“+、-、*、/、%”。 我们来看…

    2025年3月8日 编程技术
    200
  • 如何使用JavaScript实现输入对话框

    我们有时在网页上进行注册用户信息时会出现弹窗进行提示,你需要输入内容进行确认,那么,这样的输入对话框是怎么实现的呢?本篇文章就来介绍关于使用javascript实现输入对话框的方法。 我们可以使用prompt显示输入对话框 要在JavaSc…

    2025年3月8日 编程技术
    200
  • 如何使用JavaScript实现弹窗警告

    我们在浏览网页时,可能会遇到某个网页不能访问或者访问不安全,这个时候就会弹出一个警告的对话框,那么,这个弹出的对话框我们可以怎么实现呢?本篇文章就来给大家介绍使用JavaScript实现这个弹窗警告的方法。下面我们来看具体的内容。 对于这种…

    2025年3月8日
    200
  • JavaScript的JSON对象如何使用

    在javascript中,json对象中包含了两个方法:parse()方法、stringify()方法;使用json对象的这两个方法可以实现json字符串和javascript对象的互相转换。接下来的这篇文章就来给大家介绍关于javascr…

    2025年3月8日
    200

发表回复

登录后才能评论