0

0

javascript变量的声明与命名规范总结

WBOY

WBOY

发布时间:2022-08-03 17:17:01

|

2830人浏览过

|

来源于php中文网

原创

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了javascript的书写规则、变量的声明格式、变量的命名规则、及注意事项,变量的数据类型,数据类型的分类,空(null) 与 未定义(undefined)的用法,下面一起来看一下,希望对大家有帮助。

javascript变量的声明与命名规范总结

【相关推荐:javascript视频教程web前端

语法规则

  • JavaScript对换行、缩进、空格不敏感。

  • 每一条语句末尾要加上分号,虽然分号不是必须加的,但是为了程序今后要压缩,如果不加分号,压缩之 后将不能运行了。

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

  • 所有的符号,都是英语的。比如括号、引号、分号。

注释

程序中添加注释可便于理解、解释程序的作用,增强代码的可读性,注释内容程序不会运行。

变量的声明语法格式

声明变量是使用系统关键字 var 来进行的,变量可以单独声明也可以同时声明多个,在声明时也可以给变量初始化(变量符值)

举例:

var name;         //声明一个变量
var name, sex, age;  //同时声明多个变量,多个变量间用英文下的逗号隔开
var name = "小强";   //一边声明一边赋值

变量的声明(三种方式)

变量使用前需要先声明;声明变量的关键字是:var;

语法:var 变量名 = 变量值;

先声明,再赋值

var a; //变量的声明
a = 10; //变量的赋值

同时声明和赋值

var a = 10; //变量的声明和赋值

同时声明多个变量并赋值(注意:当声明多个变量和赋值时,变量之间用逗号隔开)

var a = 10, b = 20; //多个变量的声明和赋值

不声明,直接赋值(注意:这个是不规范的写法!)

age = 18; //变量的赋值
console.log( age ); //结果为20,浏览器能帮助识别,但是不规范,不推荐使用

只声明,不赋值,此时默认undefined

var name; //变量的声明
console.log( name ); //undefined

不声明也不赋值,直接使用

如果一个变量不声明也不赋值,直接使用,此时会报错,name is not defined,因为这个name变量压根不存在。 注意:从报错哪一行开始,之后的代码是不会执行的!

console.log( '我是第一行代码' ); //正常显示
console.log( name ); //报错
console.log( '我是第二行代码' ); //不显示不执行

变量的命名规则

  • 严格区分大小写(大写的变量和小写的变量是不同的变量)

  • 变量名不能以数字开头,可以以字母、下划线或 $ 开头

    例如:var _name, $age;(正确的) var 3abc;(错误的)

  • 变量名不能是系统关键字。

    例如:var、switch、for、case、else、while 等。

  • JS中的变量名是区分大小写的。

    例如:name和Name是两个变量

  • JS中变量的名称一定要有意义。

    例如:代表年龄的变量用 age,姓名使用 userName

    Digram
    Digram

    让Figma更好用的AI神器

    下载
  • 当变量命名由多个单词构成时的两种命名方式

    • 驼峰式命名:

      第一个单词全小写,后面的每一个单词首字母大写。

      例如:

      var  userName = "钢蛋"
    • 下划线式命名:

      所有单词全小写,中间用下划线连接

      例如:

      var  get_user_name = "铁柱"

变量的数据类型

变量是有数据类型的,JavaScript 是一种弱类型或者说动态语言,这就代表不用提前声明变量的类型,在代码运行时,变量的数据类型是由 JS引擎 根据 变量 = (等号)右边的变量值的数据类型来判断的。同时也意味着相同的变量可用作不同的类型这个类型来源于"变量的值"

换句话说:值是什么类型的,变量就是什么类型的。

  • JS中变量的类型有:

    数值型(number)、字符型(string)、布尔型(boolean)、undefined(未定义)、null(空)、array(数组)、object(对象)、function(函数)

变量的数据类型,分两大类

基本数据类型:

数值型、字符型、布尔型、未定义型、空型。很显著的特点:一个变量名只能存一个值。

var a = 10;
var b = 'string';
var c = false;
var d = undefined;
var e = null;

复合数据类型

数组、对象、函数,显著的特点:一个变量名,可能存多个值。

var arr = [10,20,30,40];//数组
var today = new Date();//对象
//函数
function myFunction(){
	console.log('函数');
}

数值型:能进行数学运算的变量

数值型包括:整型、浮点型、NaN(表示不是一个数值)。

var a = 999;// 整型
var b = 0.9;// 浮点型
var c = NaN;// NaN

数值型中一个很特殊的值 NaN,NaN(not a number) 不是一个数字;当将其它数据类型,转成数值型,转不过去,但程序又不能报错,这时将返回一个 NaN 的值;NaN 本身是一个 Number 数值型的变量。

字符型

用单引号或双引号,引起来的一个字串。

var a = "我是一个字符串";
var b = '我也是一个字符串';
var c = "";

注意:

  • 单引号和双引号之间可以相互嵌套;
  • 单引号内只能嵌套双引号;
  • 双引号内只能嵌套单引号。

布尔型

布尔型又称逻辑型。只有两个值:true(真)、false(假)。

布尔型只有两个状态。如:性别、婚否、灯的开关等。

布尔型常用if条件判断语句中

var a = true;
var b = false;

未定义型 undefined

当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined

当一个对象的属性不存在,也返回未定义型。

var a;//定义了变量但未赋值
console.log(a) // undefined

// 定义了一个对象
var obj = {
	uname: '品如',
	info: '你好骚啊!',
	age: 20
}
var test = obj.gender
console.log(test) // undefined

空型 null

当一个对象不存在时,将返回空型,空型的值只有一个null。

也可以理解为:是一个对象的占位符。

如果想清除一个变量的值的话,可以给赋一个null的值。

var a = 100;
var a = null ;  //将一个null赋给一个变量,用于清除它的值

【相关推荐:javascript视频教程web前端

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
数据类型有哪几种
数据类型有哪几种

数据类型有整型、浮点型、字符型、字符串型、布尔型、数组、结构体和枚举等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

309

2023.10.31

php数据类型
php数据类型

本专题整合了php数据类型相关内容,阅读专题下面的文章了解更多详细内容。

222

2025.10.31

string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

443

2023.08.02

java中boolean的用法
java中boolean的用法

在Java中,boolean是一种基本数据类型,它只有两个可能的值:true和false。boolean类型经常用于条件测试,比如进行比较或者检查某个条件是否满足。想了解更多java中boolean的相关内容,可以阅读本专题下面的文章。

350

2023.11.13

java boolean类型
java boolean类型

本专题整合了java中boolean类型相关教程,阅读专题下面的文章了解更多详细内容。

29

2025.11.30

c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

236

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

458

2024.03.01

if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

778

2023.08.22

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

158

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.2万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号