Javascript--变量命名规则

这篇具有很好参考价值的文章主要介绍了Javascript--变量命名规则。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

变量

什么变量

变量的作用

如何使用变量

变量的命名规范


 

变量

什么变量

所谓变量,就是它的值会发生变化。即它的值不是固定不变的。

从内存结构上来看,它会在内存中开辟一片空间来存储这个值。而这个空间中的内容是会根据程序的运行过程中发生变化的。

变量的作用

之所以要使用变量,是为了更好来控制我们的程序,也更好来维护我们的程序。

如何使用变量

要使用变量,我们就需要知道使用变量的语法。在 JS 中定义变量的语法如下:

var|let|const 变量名称 = 值

语法说明:

  1. var:它是一个关键字,这个关键字是在 JS 出来时就已经存在了。它有弊端:它的作用域会自动提升。在 ES6 中已经不推荐使用了。

  2. let:它是在 ES6 规范是定义新的关键字,用于声明一个变量

  3. const:它是在 ES6 规范中定义新的关键字,用于声明一个常量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>声明变量</title>
</head>
<body>
<script>
    // 声明一个名为 name 的变量
    var name = '张三'
    console.log(name)
    name = '李四'
    console.log(name)
​
    // 使用 let 来声明一个变量名为 age
    let age = 18
    console.log(age)
    age = 20
    console.log(age)
    age = '哈哈,我改了'
    console.log(age)
​
    // 使用 const 来声明一个常量 country
    const country = '中国'
    console.log(country);
    // country = '美国'  // 当声明了常量,它的值不能再改变
​
    let gender
    gender = '男'
    console.log(gender)
</script>
</body>
</html>

说明:

在 JS 中,定义变量的语法为:let|const|var 变量名称 = 值,也可先声明变量,然后再给这个变量赋值

let|const|var 变量名称

变量名称 = 值

变量的命名规范

在 JS 中定义变量是需要有规范:

  • 变量名只能由字母、数字、下划线和$符号组成(规则)

  • 数字不能开头(规则)

  • 变量名不能使用关键字和保留字(规则)

  • 变量名称如果是多个单词组成,第一个单词的首字母小写,后面单词的首字母大写。如果是常量,则所有字母大写,多个单词之间用下划线连接(规范)

  • 方法名称如果是一个单词都小写,如果是多个单词则第一单词的首字母小写,后面单词的首字母大写(规范)

  • 类名如果是一个单词则首字母大小,多个单词则每个单词的首字母大写 (规范)文章来源地址https://www.toymoban.com/news/detail-819359.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量的命名规范</title>
</head>
<body>
<script>
    let a = 10
    let a1 = 'hello'
    // let 1a = 50   // 错
    let user = '张三'
    // let var = 'hehe' // 关键字不能作为变量名称
    let var1 = 'haha'   // 变量名称中包含关键字
​
    let userName = '李四'
​
    const VERSION = '1.0'  // 常量每个字母都大写
    const USER_NAME = '小王'
</script>
</body>
</html>

到了这里,关于Javascript--变量命名规则的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • web前端框架JS学习之JavaScript类型转换

    vascript有多种数据类型,如字符串、数字、布尔等,可以通过typeof语句来查看变量的数据类型。数据类型转换就是数据类型之间相互转换,比如把数字转成字符串、把布尔值转成字符串、把字符串转成数字等,这在工作也是经常碰到的。 本期我们就给大家说说web前端框架JS学

    2024年02月10日
    浏览(59)
  • 【前端灵魂脚本语言JavaScript⑤】——JS中数组的使用

    🐚 作者: 阿伟 💂 个人主页: Flyme awei 🐋 希望大家多多支持😘一起进步呀! 💬 文章对你有帮助👉关注✨点赞👍收藏📂 第一种: var 数组名 = new Array(); 创建一个空数组 第二种: var arr2 = new Array(10); 创建一个定长为10的数组 第三种 var arr3 = new Array(a,b,c); 创建时直接指定元素值

    2023年04月08日
    浏览(59)
  • JavaScript - 判断当前时间是否在指定区间内,例如:9:00~12:00(检查当前时间是否处于规定的两个时间段范围内),适用于 vue.js / uniapp / 微信小程序等前端项目

    例如,您想知道当前时间是否处于 9:00 ~ 12:00 时间区间内,然后根据这个判断进而实现业务逻辑。 如下示例所示, 本文提供一个函数,您只需要传入 2 个时间区间,便可得出当前时间是否在该时间区间范围内: 您可以一键复制,直接粘贴到您的项目中。 您只需要传入开始时

    2024年02月16日
    浏览(60)
  • 〖大前端 - 基础入门三大核心之JS篇㉓〗- JavaScript 的「数组」

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月04日
    浏览(67)
  • Python变量:创建、类型、命名规则和作用域详解

    变量是用于存储数据值的容器。 创建变量 Python没有用于声明变量的命令。 变量在您第一次为其分配值时被创建。 示例 变量不需要声明为特定类型,并且甚至在设置后可以更改类型。 示例 如果要指定变量的数据类型,可以使用类型转换。 示例 获取类型 您可以使用type()函数

    2024年02月08日
    浏览(38)
  • 【前端|Javascript第5篇】全网最详细的JS的内置对象文章!

    前言 在当今数字时代,前端技术正日益成为塑造用户体验的关键。我们在开发中需要用到很多js的内置对象的一些属性来帮助我们更快速的进行开发。或许你是刚踏入前端领域的小白,或者是希望深入了解内置对象的开发者,不论你的经验如何,本篇博客都将给你详细的讲解

    2024年02月12日
    浏览(54)
  • [前端系列第3弹]JS入门教程:从零开始学习JavaScript

    本文将带领大家,从零开始学习JavaScript,fighting~ 目录 一、JavaScript简介 二、变量和数据类型 三、注释和分号 四、算术运算符 五、表达式和语句 六、代码块和作用域 七、函数(最重要)          JavaScript(简称JS)是一种运行在浏览器中的脚本语言,它可以让网页变得

    2024年02月13日
    浏览(58)
  • 〖大前端 - 基础入门三大核心之JS篇㉟〗- JavaScript 的DOM简介

    说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费 , 如需要项目实战或者是体系化资源,文末名片加V! 作者:不渴望力量的哈士奇(哈哥),十余年工作经验, 从事过全栈研发、产品经理等工作,目前在公司担任研发部门CTO。 荣誉: 2022年度博客之星Top4、2023年度超

    2024年02月04日
    浏览(53)
  • 前端随笔:HTML/CSS/JavaScript和Vue

    最近因为工作需要,需要接触一些前端的东西。之前虽然大体上了解过 HTML 、 CSS 和 JavaScript ,也知道 HTML 定义了内容、 CSS 定义了样式、 JavaScript 定义了行为,但是却没有详细的学习过前端三件套的细节。而最近的工作中需要使用 Vue ,并且想到未来的工作中使用 Vue 能够更

    2024年02月16日
    浏览(41)
  • JavaScript 框架比较:Angular、React、Vue.js

    在 Web 开发领域,JavaScript 提供大量技术栈可供选择。其中最典型的三套组合,分别是 MERN、MEAN 和 MEVN。这些首字母相同的选项各自代表不同的技术加工具组合。为了在这些技术栈中做出明智选择,让我们先从核心组件聊起,再对各自前端框架(React、Angular 和 Vue)进行简化比

    2024年01月20日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包