变量
变量的定义
- 变量,存储数据的容器
- 将变量保存是为了可以复用
- 使用关键字
var,
与变量名之间有空格,以分号结束 - 关键字(保留字)为语言私有,你不能用,例如:false、true
用
=
为变量赋值//将变量保存是为了可以复用 var name = '小红'; console.log('hello' + name); name = '小龙'; console.log('hello' + name);
- 同名变量产生覆盖
var name = '小红'; var name = '小丽'; alert(name);
变量名
- 变量名大小写敏感
var Name = '小花'; var name = '小毛'; alert(Name); alert(name);
- 命名规范
//可读性高的变量名 var a_local_variable; // 使用下划线连接关键词 var username = '小星'; // 字符串类型使用单引号'' var _username = '小南'; // 使用下划线命名 var $total_count; // 使用$命名 var password = 123; // 使用小写字母命名 var seatNumber = 5; // 驼峰命名 第二个字母大写 var isHappy = true; // 布尔值使用is开头 var items = [1, 2, 3, 4]; // 数组类型的变量名加's'
不能使用关键字
//变量名使用关键字,错误 var false; var true; var boolean; var var;
JS弱类型语言的特点
- 变量必须有一个明确的数据类型
- 变量的类型可变
var a = "XiaoLi"; alert(typeof(a)); a = 123; alert(typeof(a));
变量只定义不赋值,就是undefined类型,undefined类型只有一个值undefined,表示未定义 或 只声明未给值 的变量
var x; alert(x); alert(typeof(x));
输出一个未定的变量会报错
alert(a);
案例: 定义5个变量,分别表示章子怡的姓名、身高、年龄、性别、健康状况(是/否 ),运用三种基本的数据类型。
<p>章子怡的个人信息</p>
<br>身高:<p id="height"></p>
<br>姓名:<p id="name"></p>
<br>年龄:<p id="age"></p>
<br>性别:<p id="sex"></p>
<br>健康:<p id="isHealth"></p>
<script type="text/javascript">
var name = '章子怡';
var height = 163.5;
var age = 34;
var gender = "女";
var isHealth = true;
document.getElementById('height').innerHTML = height;
document.getElementById('name').innerHTML = name;
document.getElementById('age').innerHTML = age;
document.getElementById('sex').innerHTML = sex;
document.getElementById('isHealth').innerHTML = isHealth;
</script>
驼峰命名法:第一个单词首字母小写,后面其他单词首字母大写。
下划线命名法:单词都小写,单词之间用下划线分隔。
小结:
变量 的两种命名方法:驼峰命名法、下划线命名法
变量定义的三种情况:定义已经赋值、定义未赋值(Undefined)、未定义(出错!)