前端入门学习笔记（十九）JavaScript入门（二）JavaScript变量及其声明、数据类型、数据之间的比较

变量

变量的命名

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不推荐这么做）
• 变量名称对大小写敏感（y 和 Y 是不同的变量）
• 变量名称不能包含空格

变量的声明
其实JavaScript可以不声明变量直接调用，例如

a = 1;
var b = 1;

两者效果看起来相同，是创建一个变量并赋值为1。但是没有使用var声明的变量会被视为全局变量，而使用var声明的变量会被束缚于函数体内。
不声明变量易造成程序错误，也不利于程序的可读性，所以建议声明变量后再进行使用。

• 所有的变量声明，都是用 var
• 且语句以；结束

var a = 10;
var A = "string";

不过JavaScript编译器会自动添加；，所以当你忘记加；的时候，程序仍可以运行，不过有可能改变程序的语义，且可读性变低，此处不推荐这样做。

strict模式
即使你自己注意变量使用之前进行声明，但也无法排除手动输入时打错变量的问题，此时错误的变量会被赋值且变为全局变量，给程序埋下隐患。

但如果启动strict模式，那么变量就必须在声明后才可以使用，在JavaScript代码的第一行写上

'use strict';

便可以启动strict模式

---

数据类型

• 1 Number
  JavaScript不区分整数和浮点数，统一用Number表示，以下都是合法的Number类型

123; // 整数123
0.456; // 浮点数0.456
1.2345e3; // 科学计数法表示1.2345x1000，等同于1234.5
-99; // 负数
NaN; // NaN表示Not a Number，当无法计算结果时用NaN表示
Infinity; // Infinity表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为Infinity

• 2 字符串
  JavaScript的字符串可以用’ '，或者" "，括起来表示，不论单引号双引号是一样的效果

• 3 布尔值
  JavaScript的布尔值是记录判断真（true）或者假的（false）的数据类型，在某些语言里面true = 1，false = 0。但是JavaScript里布尔值不能与1或者0相等，它只能等于true 或者false。

---

数组

JavaScript的数组是从0开始计数的，可以使用数组名.length来获取数组的长度

与其他语言比较不同的地方，JavaScript数组可以包含多种数据类型，Number，字符串，甚至对象。

//创建方法一
var arr = [1, 2, 3.14, 'Hello', null, true];

//创建方法二
var arr = new Array(3);
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;

//获取数组长度
arr.length;

---

对象

JavaScript的对象有点类似于C中的结构体，每两个键-值 之间都需要用，隔开

var person = {
    name: 'Bob',
    age: 20,
    tags: ['js', 'web', 'mobile'],
    city: 'Beijing',
    hasCar: true,
    zipcode: null
};

//调用方式
console.log(person); //输出全部内容
console.log("name = " + person.name);
console.log("name = " + person["name"]);
console.log("tags[2] = " + person.tags[2]);

输出代码如下

{ name: 'Bob',
  age: 20,
  tags: [ 'js', 'web', 'mobile' ],
  city: 'Beijing',
  hasCar: true,
  zipcode: null }
name = Bob
name = Bob
tags[2] = mobile

---

比较运算符

常见的>,<, >=, <=比较运算符此处不再赘述，
JavaScript有两种相等比较运算符号，= = 和 = = =
第一种 = = 会转换数据类型后再进行比较，比如1 == ‘1’ 的结果是true，因为JavaScript会将字符串‘1‘转换成Number类型，之后在与1进行比较。很多时候会得到很奇怪的效果。这属于JavaScript的设计缺陷，所以JavaScript不要用= =进行比较。

第二种= = =会严格比较，不会转换数据类型，与其他语言的比较运算符相同。

另外值得一提的是NaN这个特殊的Number与其他数值都不会相等，包括他自己

NaN === NaN; //false

还有浮点数的比较

1 / 3 === (1 - 2 / 3); // false

因为计算机无法准确计算无限循环的浮点数，所以无法直接比较

---

## null和undefined null表示一个“空”的值，它和0以及空字符串''不同，0是一个数值，''表示长度为0的字符串，而null表示“空”。

在其他语言中，也有类似JavaScript的null的表示，例如Java也用null，Swift用nil，Python用None表示。但是，在JavaScript中，还有一个和null类似的undefined，它表示“未定义”。

JavaScript的设计者希望用null表示一个空的值，而undefined表示值未定义。事实证明，这并没有什么卵用，区分两者的意义不大。大多数情况下，我们都应该用null。undefined仅仅在判断函数参数是否传递的情况下有用。