二、JavaScript基本语法：var、let、const、数据类型、运算符、类型转换

JavaScript入门专栏

js 中的变量名命名也有如下规则，和java语言基本都相同。组成字符可以是任何字母、数字、下划线（_）或美元符号（$），不能时数字开头，建议使用驼峰命名。

1. var 定义变量

JavaScript 中用 var 关键字（variable 的缩写）来声明变量。格式 var 变量名 = 数据值;。而在JavaScript 是一门弱类型语言，变量可以存放不同类型的值；如下在定义变量时赋值为数字数据，还可以将变量的值改为字符串类型的数。

var test = 20;
test = "张三";
1
2

作用域：全局

{
    var age = 20;
}
alert(age);  // 在代码块中定义的age 变量，在代码块外边还可以使用

// 变量可以重复定义
{
    var age = 20;
    var age = 30;//JavaScript 会用 30 将之前 age 变量的 20 替换掉
}
alert(age); //打印的结果是 30
1
2
3
4
5
6
7
8
9
10
11

2. let 定义变量

它的用法类似于 var，但是所声明的变量，只在 let 关键字所在的代码块内有效，且不允许重复声明。

{
    let age = 20;
}
alert(age); //错误的用法
1
2
3
4

3. const 定义常量

用来声明一个只读的常量。一旦声明，常量的值就不能改变。

const PI=3.14;
1

4. 数据类型

JavaScript 中提供了两类数据类型：原始类型 和 引用类型。使用 typeof 运算符可以获取数据类型alert(typeof age); 以弹框的形式将 age 变量的数据类型输出。

number：数字（整数、小数、NaN(Not a Number)）

var age = 20;
var price = 99.8;

alert(typeof age); // 结果是 ： number
alert(typeof price);// 结果是 ： number
1
2
3
4
5

string：字符、字符串，单双引皆可

//在 js 中 双引号和单引号都表示字符串类型的数据

var ch = 'a';
var name = '张三'; 
var addr = "北京";

alert(typeof ch); //结果是  string
alert(typeof name); //结果是  string
alert(typeof addr); //结果是  string
1
2
3
4
5
6
7
8
9

boolean：布尔。true，false

var flag = true;
var flag2 = false;

alert(typeof flag); //结果是 boolean
alert(typeof flag2); //结果是 boolean
1
2
3
4
5

null：对象为空

var obj = null;

alert(typeof obj);//结果是 object
1
2
3

undefined：当声明的变量未初始化时，该变量的默认值是 undefined

var a ;
alert(typeof a); //结果是 undefined
1
2

5. 运算符

• 一元运算符：++，–

• 算术运算符：+，-，*，/，%

• 赋值运算符：=，+=，-=…

• 关系运算符：>，<，>=，<=，!=，，=…

• 逻辑运算符：&&，||，!

• 三元运算符：条件表达式 ? true_value : false_value

和=区别
==: 先判断类型是否一样，如果不一样，则进行类型转换，再去比较其值；
===：js 中的全等于，先判断类型是否一样，再去比较其值，如果类型不一样，直接返回false；

var age1 = 20;
var age2 = "20";

alert(age1 == age2);// true
alert(age1 === age2);// false
1
2
3
4
5

6. 类型转换

string 转换为 number 类型： 按照字符串的字面值，转为数字。如果字面值不是数字，则转为NaN；

6.1 string 转 number

1. 使用 + 正号运算符：

var str = +"20";
alert(str + 1) //21
1
2

2. 使用 parseInt() 函数(方法)：

var str = "20";
alert(parseInt(str) + 1);
1
2

建议使用 parseInt() 函数进行转换。

6.2 boolean

boolean 转换为 number 类型

true 转为1，false转为0;

var flag = +false;
alert(flag); // 0
1
2

其他类型转为boolean

1. number 类型转换为 boolean 类型：0和NaN转为false，其他的数字转为true；
2. string 类型转换为 boolean 类型：空字符串转为false，其他的字符串转为true；
3. null 类型转换为 boolean 类型是 false；
4. undefined 转换为boolean 类型是 false；

// var flag = 3;
// var flag = "";
var flag = undefined;

if(flag){
    alert("转为true");
}else {
    alert("转为false");
}
1
2
3
4
5
6
7
8
9

使用场景：
在 Java 中使用字符串前，一般都会先判断字符串不是null，并且不是空字符才会做其他的一些操作，JavaScript也有类型的操作，代码如下：

var str = "abc";

//健壮性判断
if(str != null && str.length > 0){
    alert("转为true");
}else {
    alert("转为false");
}
1
2
3
4
5
6
7
8

但是由于 JavaScript 会自动进行类型转换，所以上述的判断可以进行简化，代码如下：

var str = "abc";

//健壮性判断
if(str){
    alert("转为true");
}else {
    alert("转为false");
}
1
2
3
4
5
6
7
8