变量

在这里插入图片描述
变量用于存储编程所使用的数据和方法。
声明一般变量的关键字：var,let,const.其中let和const是es6的语法。
声明其他特殊变量的关键字：function,class,improt（先了解）等

声明变量

变量用于存储数据,因此可以把变量实际上就是一个容器
存储在变量中的数据，叫做变量的值。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script>// 声明变量, var声明(定义), age变量的名称var age;var num;var username;// 同时声明多个变量var a,b,c;</script>
</body>
</html>

变量赋值

如何给变量存储数据?
给变量存储数据的过程,叫给变量赋值，符号是=
注意：这里=不是数学上的=。

// 声明变量
var age; 
var username; 
// 变量赋值
age = 100; 
username = '张三';
// 变量的声明和赋值可以同时进行
var age2 = 80;// 把一个变量的值赋给另外一个变量
var a = 100;
var b = a;

变量必须先声明后使用，否则报错

例如企业获取一个未声明的变量的值,或者给一个未声明的变量赋值，都会导致错误.

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script>var age = 100;console.log(age);// 变量没声明就使用, 会报错var b = a;</script>
</body>
</html>

标识符命名规则

标识符:编程中的各种名字,例如变量名,属性名,函数名,书著名，对象名等等。
编程中起名字(标识符命名)的规则:
1.以字母、下划线、 $开头，其他字符可以是字母、下划线、$ 、数字
2.区分大小写(html不区分大小写)
3.不能和关键字保留字冲突,比如function,if,continue

标识符命名习惯:
1.使用英文单词,比如：

var username = '张三';
var age = 100;

2.单词+数据类型

var foodName = '番茄炒蛋';
var foodPrice = 100.00;

3.驼峰命名。多个单词构成一个标识符，则第一个单词首字母小写(小驼峰),后续单词首字母大写.例如:

var foodName = '番茄炒蛋';
var foodPrice = 100.00;
var getEleById;

常量(先了解)

常量，意即值不能修改。
常量的值就是常量本身。
例如10就是一个数据，它的值就是10本身.它的值不能修改。不能把10变成11.
ES6使用const声明一个常量。
const声明常量时必须同时赋值，并且后续不可以再修改。

const x = 100; 
x = 111; // 会报错

数据类型

在这里插入图片描述
(1)数字number

<script>// 整数var num1 = 100; // -100// 小数var num2 = 88.88; // -88.88// 无穷大var num3 = Infinity; // -Infinity// 不是一个数字var num4 = NaN; 
</script>

（2）字符串String
用来在编程中描述文字的变量

<script>// 表达方式1var str1 = "hi";// 表达方式2var str2 = 'hello';// 表达方式3(es6)var str3 = `hello web`;
</script>

字符串拼接

<script>// 字符串拼接(es5)var str = 'hello' + 'web';var str1 = '胡';var str2 = '儒清';var str3 = str1 + str2;console.log(str3);// 字符串拼接(es6)var y = '2021';var m = '12';var d = '20';// es5var today1 = y+'年'+m+'月'+d+'日';// es6var today2 = `${y}年${m}月${d}日`; console.log('today1',today1)console.log('today2',today2)
</script>

布尔类型
用来表示真假的两种情况

<script>// 表示门的开关状态var isOpen = true;var opened = false;// 表示是否已经登录var isLogin = true; 
</script>

undefined
变量声明了但没赋值,它的值就是undefined

<script>var age;console.log(age);
</script>

null
声明一个变量打算将来存放对象，可以先给他赋值null

<script>var obj = null;
</script>

object之纯对象
对象用来描述一个人或者一个物体的很多特征的一个组合

<script>// 声明一个对象var person = {name: '张三',age: 100,address: '广东深圳'}console.log('person', person);// 获取对象属性var username = person.name;var age = person['age'];console.log('username',username);console.log('age',age);// 修改对象属性person.age = 20;person.name = '李四';console.log('修改后的对象',person);// 删除对象属性delete person.address;console.log('删除后的对象',person); 
</script>

object之数组
数组用来存放一组数据,对象是无序的,但是数组是有序的,数组可以存放任意类型,但通常一个数组智慧存放同一种类型的数据。

<script>// 声明一个数组var arr = ['a','b','c','d','e','f'];// 获取数组长度var len = arr.length;console.log('数组长度',len);// 第一个成员var first = arr[0];var second = arr[1];var last = arr[len-1];console.log('第一个',first);console.log('第二个',second);console.log('最后一个',last);  
</script>