JavaScript-1.2-JavaScript 的变量

本文深入解析JavaScript中的变量声明、注意事项及命名规范,涵盖六种基本数据类型,并探讨不同声明方式对作用域的影响。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JavaScript 的变量

  • JavaScript 中有六种基本数据类型
  • JavaScript 是一门弱类型的语言
    • 声明变量的时候不需要声明变量的数据类型
    • 统一使用 var 关键字声明
  • 变量的具体类型取决于变量所赋值的类型

一:变量的声明

  • 变量就是程序中用于存储数据的容器
    • JavaScript 中的变量可以直接存放一个值
    • 也可以存放一个表达式

1、使用 var 声明的变量

  • 使用 var 声明的变量只在当前函数作用域有效,在其他作用域无效
var width = 10;

2、不使用 var,直接赋值声明变量

  • 在 JavaScript 中,声明变量也可以不使用 var 关键字,直接通过赋值声明变量
  • 这种声明变量的方式默认全局变量,在整个 JavaScript 文件中都有效
width = 10;

3、同一声明语句同时声明多个变量

  • 变量之间用英文逗号分隔,但是每个变量需要单独进行赋值
//只有c的值为1,a和b均为 undefined(未定义)
var a,b,c = 1;
//a,b,c的值都为1
var a=1,b=1,c=1;

二:声明变量的注意事项与命名规范

1、声明变量的注意事项

  • JavaScript 中所有变量类型均使用 var 关键字
    • 变量的具体数据类型取决于给变量赋值的类型
  • 同一变量可以进行多次不同的赋值
    • 每次重新赋值时会修改变量的数据类型
  • 变量可以使用 var 声明,也可以直接声明
    • 不使用 var,默认为全局变量
  • 同一变量名可以多次用 var 声明,但是并没有任何含义
    • 第二次的声明被理解为重新赋值

2、变量的命名规范

  • 变量名只能由字母、数字、下划线、$组成,且开头不能是数字
  • 变量区分大小写,大写字母和小写字母为不同的变量
  • 两大法则
    • 小驼峰法则:变量首字母为小写,之后每个单词首字母大写
    • 匈牙利命名法:变量所有字母小写,单词之间用下划线分隔
//小驼峰法则
var helloJavaScript = 10;
// 匈牙利命名法
var hello_java_script = 10;

三:变量的数据类型

JavaScript 基本数据类型
1.Undefined:未定义
2.NULL:空引用
3.Boolean:布尔类型
4.Number:数值类型
5.String:字符串类型
6.Object:对象类型

1、Undefined:未定义

  • 在 JavaScript 中,使用 var 声明变量,但没有进行初始化赋值时,结果为 Undefined
  • 如果变量没有声明直接使用,则会报错,不属于 Undefined
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>	
	<script type="text/javascript">
		var a;
		// 使用 var 声明变量a,但未赋值,a为Undefined
		console.log(a);
		// 没有声明直接使用的变量b,会报错
		console.log(b);
	</script>
</body>
</html>

效果图
在这里插入图片描述

2、NULL:空引用

  • NULL 在 JavaScript 中是一种特殊的数据类型,表示一种空的引用
    • 变量中什么都没有
  • NULL 作为关键字不区分大小写
    • NULL、Null、null均为合法数据类型
var a = null;

3、Boolean:布尔类型

  • 表示真或者假
    • true
    • false
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>	
	<script type="text/javascript">
		var a = true;
		var b = 1>2;
		console.log(a);
		console.log(b);
	</script>
</body>
</html>

效果图
在这里插入图片描述

4、Number:数值类型

  • 在 JavaScript 种,没有区分整数类型和小数类型,而是统一用数值类型代替
  • 整数类型和小数类型都输入 Number 类型
// 整数类型
var a = 2019;
// 小数类型
var b = 10.06;

5、String:字符串类型

  • 使用双引号或单引号包裹的内容,被称为字符串
  • 两种字符串没有任何区别,且可以相互包含
// 字符串
var a = "中国"
var b = '北京'

6、Object:对象类型

  • 在 JavaScript 中有一句话,万物皆对象
    • 包括函数、数组、自定义对象等属于对象类型
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值