【JavaScript】JavaScript 变量 ③ ( JavaScript 变量命名规范 | 变量名组成 | 变量名开头 | 严格区分大小写 | 不能是关键字 | 驼峰式命名 | 常量全大写 )

韩曙亮

发布于 2024-03-12 13:09:07

1500

发布于 2024-03-12 13:09:07

文章被收录于专栏：韩曙亮的移动开发专栏韩曙亮的移动开发专栏

一、 JavaScript 变量命名规范

1、变量名组成

JavaScript 变量名由

字母 : 大写字母 A - Z , 小写字母 a - z ;
数字 : 0 - 9 ;
下划线 : _ ;
美元符号 : $ ;

组成 ;

2、变量名开头

字母 / 下划线 / 美元符号都可以作为变量名的开头 ;

        // 字母 / 下划线 / 美元符号 可以作为 变量名 开头 
        var name = "Tom";
        var _name = "Tom";
        var $name = "Tom";

数字不能作为变量名的开头 , 会报如下错误信息 ;

An identifier or keyword cannot immediately follow a numeric literal.javascript

代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 变量名规则

        // 字母 / 下划线 / 美元符号 可以作为 变量名 开头 
        var name = "Tom";
        var _name = "Tom";
        var $name = "Tom";

        // 数字 不能 作为 变量名 的开头
        // An identifier or keyword cannot immediately follow a numeric literal.javascript
        //var 18name = "Tom";
    </script>
</head>

<body>
</body>

</html>

3、变量名严格区分大小写

JavaScript 变量名称严格区分大小写字母 ;

下面的 var name 和 var Name 是 2 个不同的变量 ;

    <script>
        // 变量名严格区分大小写
        var name = "Tom";
        var Name = "Jerry";

        console.log("name : " + name + " , Name : " + Name);
    </script>

浏览器控制台输出结果如下 :

4、变量不能是关键字

JavaScript 变量名不能是 JavaScript 语言的保留字或关键字 , 如 var、function、let、const 等关键字 ;

下面使用 var 关键字作为变量名 ,

    <script>
        // 变量名不能是关键字
        var var = "Tom";
    </script>

直接报如下错误信息 :

'var' is not allowed as a variable declaration name.javascript

JavaScript 变量名不要使用 JavaScript 语言的内置对象名称 , 如 : Date、String、Math ;

5、驼峰式命名法

JavaScript 中推荐使用驼峰命名法 ,

小驼峰命名法 lowerCamelCase : 第一个单词首字母小写 , 后续单词首字母大写 ;
大驼峰命名法 UpperCamelCase : 每个单词首字母都大写 ;

小驼峰命名法 lowerCamelCase 示例 :

    <script>
        // 小驼峰命名法
        var myName = "Tom";

        console.log("myName : " + myName);
    </script>

展示效果如下 , 在浏览器控制台中 , 输出如下内容 :

6、常量使用全大写字母

JavaScript 语言中 , 定义一个常量推荐使用全大写字母和下划线来命名 , 该规则不是强制的 , 但是推荐使用 ;

代码示例 :

    <script>
        // 常量命名
        const MY_NAME = "Tom";

        console.log("MY_NAME : " + MY_NAME);
    </script>

浏览器控制台输入内容如下 :

7、变量定义推荐规则

变量定义推荐规则 :

避免使用无意义符号 : 变量名应该描述变量的用途或包含的数据 , 避免使用 a、b、c 等无意义字符作为变量名 ;
变量名不应过长 : 保持代码的整洁和可读性 , 需要找到一个平衡点 , 既能描述变量的用途 , 又不会使代码看起复杂 ;

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2024-03-10，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度