搜索
首页web前端前端问答JavaScript常量和变量的区别有哪些

JavaScript常量和变量的区别有哪些

Apr 01, 2021 pm 05:18 PM
javascript变量常量

区别:变量可重新声明、可重新赋值;而常量一旦声明则无法改变的量,不可重新声明,不可重新赋值。变量可只声明,无赋值,返回值为undefined;常量声明必须赋值。

JavaScript常量和变量的区别有哪些

本教程操作环境:windows7系统、ECMAScript 5版、Dell G3电脑。

JavaScript中的变量与常量:

变量

变量是用于存储数据的容器,在程序的运行中可以发生变化或者被再次赋值。

我们可以使用var关键字来声明变量,变量的值可以是任意类型。为了更好的阅读,建议变量使用驼峰命名法命名:

var myName="zhangpeiyue";//myName为变量

在ES6中新增了let关键字声明变量,作用与var类似,只是声明的变量只在其所在区域内有效:

let str="es6";//str为变量

常量

常量分类:

1、整型常量

  • 二进制(以0b开头; 例如0b1001,0b1010)

  • 十进制(9,-10,0)八进制(以0开头; 例如011, 012)

  • 十六进制(以0x开头; 0x10, 0x11)

2、实型常量

  • 小数(3.14, 9.8)

3、字符串常量

  • 使用单引号(')或双引号(")括起来的一个或几个字符

4、布尔值

  • 布尔常量只有两种状态:true或false特殊字符

在ES6中新增加了const来定义常量: 

常量与变量一样均是用于存储数据的容器,只不过常量的值在程序的运行中不可以发生改变。

建议常量的命名全部大写,如果由多个单词构成,可以用下划线割开:

//NUM只能在初始化的时候被赋值,赋值以后不允许被再次赋值。
const NUM=12;//NUM是常量,

JavaScript常量和变量的区别

变量:

  • 可重新声明;

  • 可重新赋值;

  • 具备变量名提前

  • 可只声明,无赋值,返回值为undefined;

  • 无声明,直接赋值使用的为全局变量;

  • 无声明且未赋值直接使用的会报错;

  • 变量可同时多声明;

常量:

  • 一旦声明则无法改变的量;

  • 声明必须赋值;

  • 不可重新赋值;

  • 不可重新声明;

  • 习惯使用大写标识;(js 对大小写敏感)

  • 无声明提前;

更多编程相关知识,请访问:编程视频!!

以上是JavaScript常量和变量的区别有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
掌握CSS选择器:高效样式的类别与ID掌握CSS选择器:高效样式的类别与IDMay 16, 2025 am 12:19 AM

使用类选择器和ID选择器取决于具体用例:1)类选择器适用于多元素、可重用样式,2)ID选择器适用于唯一元素、特定样式。类选择器更灵活,ID选择器处理速度更快但可能影响代码维护性。

HTML5规范:探索关键目标和动机HTML5规范:探索关键目标和动机May 16, 2025 am 12:19 AM

keykeygoalsandmotivationsbehindhtml5weretoenhancesemantstructure,Improvemultimediasupport,andensureBetterperformanceandCompatibalityAcroscaroscaroscaroscarossdecrossdecrossdecrossdecrossdecrossdecrossdecrossdevices,drivendybytheneedtoAddresshtml4'slimitationsand limitiTations and limittations andmeetmeetModerntructAndmmoderntructss.1)

CSS ID和类:简单指南CSS ID和类:简单指南May 16, 2025 am 12:18 AM

IDSareNiqueAndusedForsingLelement,andleclassEsareReusableFormultPirultElements.1)useIdIdSforuniqueElementsLikeAspeCificheader.2)useclassesforconsistentSistentSistentStyActStyAcroSsmultipleLementslike.3)becautiouswithspecificitificitieAsideCerrrase.4)

HTML5目标:了解规范的关键目标HTML5目标:了解规范的关键目标May 16, 2025 am 12:16 AM

html5aimstoenhancewebaccctible,互动性和效率。1)ITSupportsMultimediawithOutPlugins,Simplifyinginguserexperience.2)Semanticmarkmarksmarkupimprovissupimprovessupstructureandacccessessible.3)增强bacegencementingIncrassubility.4)

使用HTML5难以实现其目标吗?使用HTML5难以实现其目标吗?May 16, 2025 am 12:06 AM

html5isnotparticulllydifficulttousebutrequirequireSustingingItsFeatures.1)smanticelementslike like ,,,和iMproveructure,andimprovucture,可读性,seo和acctibility.2)多中性倍增量,且可读性

CSS:我可以在同一DOM中使用多个ID吗?CSS:我可以在同一DOM中使用多个ID吗?May 14, 2025 am 12:20 AM

No,youshouldn'tusemultipleIDsinthesameDOM.1)IDsmustbeuniqueperHTMLspecification,andusingduplicatescancauseinconsistentbrowserbehavior.2)Useclassesforstylingmultipleelements,attributeselectorsfortargetingbyattributes,anddescendantselectorsforstructure

HTML5的目的:创建一个更强大,更容易访问的网络HTML5的目的:创建一个更强大,更容易访问的网络May 14, 2025 am 12:18 AM

html5aimstoenhancewebcapabilities,Makeitmoredynamic,互动,可及可访问。1)ITSupportsMultimediaElementsLikeAnd,消除innewingtheneedtheneedtheneedforplugins.2)SemanticeLelelemeneLementelementsimproveaCceccessibility inmproveAccessibility andcoderabilitile andcoderability.3)emply.3)lighteppoperable popperappoperable -poseive weepivewebappll

HTML5的重要目标:增强网络开发和用户体验HTML5的重要目标:增强网络开发和用户体验May 14, 2025 am 12:18 AM

html5aimstoenhancewebdevelopmentanduserexperiencethroughsemantstructure,多媒体综合和performanceimprovements.1)SemanticeLementLike like,和ImproVereAdiability and ImproVereAdabilityAncccossibility.2)和TagsallowsemplowsemplowseamemelesseamlessallowsemlessemlessemelessmultimedimeDiaiiaemediaiaembedwitWithItWitTplulurugIns.3)

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

北端:融合系统,解释
1 个月前By尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
4 周前By尊渡假赌尊渡假赌尊渡假赌
<🎜>掩盖:探险33-如何获得完美的色度催化剂
2 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。