前端开发之JS篇（二）

1. JS输入输出语句

console.log()是在控制台输出的，是给程序员看的，查看方法：在网页中按F12键>>点击console（控制台）即可查看。

2. 变量

2.1 什么是变量

通俗点来说变量就是一个装东西的盒子，变量是用于存储数据的容器，通过变量名获取数据并可以进行修改。变量的本质是程序在内存中申请的一块用来存放数据的空间。

2.2 变量的使用

变量的使用分为两步：1. 声明变量 2. 赋值

// 声明变量
var age //声明一个名称为age的变量

● var是一个JS关键字,用来声明变量( variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管。
● age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间。

age = 10; //给age这个变量赋值为10

● = 用来把右边的赋值给左边的变量空间中，代表赋值的意思。
● 变量值是程序员保存到变量空间里的值。

2.3 变量初始化

var age = 18 //声明变量同时赋值为18

声明一个变量并赋值，我们称之为变量初始化。

2.4 变量的命名规范

● 由字母(A-Za-z)、 数字(0-9)、 下划线( )、美元符号($ )组成,如: usrAge, num01, _name
● 严格区分大小写。var app; 和var App; 是两个变量
● 不能以数字开头。 18age 是错误的
● 不能是关键字或保留字。如：var 、for 、while。
● 变量名需要有一定的意义。
● 遵循驼峰命名法。

补充：关键字:是指JS本身已经使用了的字，不能再用它们充当变量名、方法名。
包括: break. case. catch. continue. default. delete. do. else、 finally. for. function、 if、 in、
instanceof. new、 return、 switch、 this、 throw、 try. typeof. var、 void、 while、 with等。

保留字:实际上就是预留的"关键字”, 意思是现在虽然还不是关键字,但是未来可能会成为关键字,同样不
能使用它们当变量名或方法名。
包括: boolean. byte. char、 class、 const、 debugger、 double. enum, export、 extends、
fimal、float、 goto、implements、 import、 int、interface、 long、 mative、 package、
private、protected. public、short、 static、 super、 synchronized. throws、 transient、
volatile等。

3. 简单数据类型

JS的变量数据类型是只有程序运行过程中，根据等号右边的值来确定的，JS是动态语言，变量的数据类型是可以变化的。简单数据类型包括Number(数字型)，Boolean(布尔型) , String (字符串型), Undeined(未定义型) , Null(空值)。

var x = 10; // x 是数字型
x = 'aurora'; // x 是字符串型

3.1 Number(数字型)

数字型最常见的进制有二进制，八进制，十进制，十六进制。

  <script>
        console.log(0b10101); //21 二进制开头加0b
        console.log(010); //8 八进制开头加0
        console.log(08); // 8 八进制数字限制0-7，超出则无效
        console.log(012); //10
        console.log(0x11); //17 十六进制开头加0x
        console.log(0x1aA); //426 10-16由a-f表示（大小写均可） 16^2+10*16+10
    </script>

JS中的最大值和最小值：

  alert(Number.MAX_VALUE); // 1.7976931348623157e+308
  alert(Number.MAX_VALUE); // 5e-324

三个特殊值：

    console.log(Number.MAX_VALUE * 2); //Infinity
    console.log(-Number.MAX_VALUE * 2); //-Infinity
    console.log('aurora' - 666); // NaN   Not a Number

isNaN():
用来判断一个变量是否为数字类型，返回true 或 false.

        var useName = 'aurora';
        console.log(isNaN(useName)); // true
        var useAge = 18;
        console.log(isNaN(useAge)); // false

3.2 String(字符串型)

字符串类型是由引号括起来的，例如：‘18’ , ‘true’ 。
推荐使用单引号，当里面需要用引号时遵循外双内单或者外双内单。

3.2.1 字符串转义符

3.2.2 字符串的长度和拼接

var str = 'I am 18 year old.'
alert(str.length) //17 .length返回字符串的长度

多个字符串可以通过加号进行拼接，字符串 + 任何类型 = 拼接后的新字符串，拼接前会自动将与字符串拼接的任何类型转化为字符串再进行拼接。

alert('18' + 18); //1818

3.3 Boolean(布尔型)

布尔型只有true 和 false两个值，当布尔型和数字型相加时true表示1，false表示0。

console.log(true + 1); //2
console.log(false + 1); // 1

3.4 Undefined(未定义型)

如果一个变量声明未赋值就是undefined未定义类型。

var str;
console.log(str); //undefined
var variable = undefined;
console.log(variable + 'aurora'); //undefinedaurora
console.log(variable + 1); //NaN 

3.5Null(空值)

Null和Undefined的区别在于它与数字类型相加结果还为原先的数字类型。

var str1 = null;
console.log(str1 + 'aurora'); //nullaurora
console.log(str1 + 1); //1

4. 检测数据变量类型

var num = 18;
console.log(typeof num); //number
var age = prompt('请输入年龄：');//输入18
console.log(typeof num);// string

由上代码可知prompt语句取来的值为字符串型，不能随意进行加法。

5. 数据类型转换

5.1 数字型转字符串型

// 1
var num = 10;
var str = num.toString();
console.log(str);
// 2
console.log(String(num));
console.log(typeof num);
// 3
console.log(num + '');//主要方法
console.log(typeof str);

5.2 转换为数字型

console.log(parseInt('18')); //18
console.log(parseInt('3.9')); //3
console.log(parseInt('120px'));//120
console.log(parseFloat('3.9'));//3.9
console.log(parseFloat('120px'));//120
console.log(Number('12'));//12
console.log('12' - 0);//12  进行 - * / 运算都可以
console.log('123' - '120');//3

5.3 转换为布尔型

通过Boollean()函数，代表空，否定的值会被转换为false、如：’’(空字符串)，0，NaN,null,undefined。
其余值都会被转换为true。