JavaScript之干货（一）---走进JS世界

1.1 如何使用

在HTML中两种方式

> 一种是在body标签内末尾使用script标签
> 另一种则是<script src="index.js"><script>

1.2 在三元表达式中使用模板字符串

涉及转义符，反引号，占位符

let str = `我是${
  true ? `浙江--${true ? '杭州' : '丽水'}` : `江苏-${true ? '南京' : '常州'}`
}`;

console.log(str); // 我是浙江--杭州

1.3 两种定义变量使用

一、之前使用的var已被淘汰，将使用let 和const定义变量

let name = "Will Smith";
console.log(name);

const name = "Bob";
console.log(name); 

注意：

1. 先定义，后使用，否则报错
2. let定义的变量可以被多次重新赋值，而const定义的变量只能赋值一次
3. let定义变量的时候，可以不赋初始值，const定义变量的时候，必须初始值

2.1常用的数值类型

常用的数值类型主要包括整数,浮点数(你可以理解为小数)和NaN(Not a Number非数值)，字符串和字符，在这里强调下与其他语言不同的是字符串和字符""和’'效果一样，

浮点数懂得精度丢失问题：0.1+0.2！=0.3，
浮点数值的最高精度是17位小数，但是在算数运算当中其精度远不如整数.

NaN(Not a Number)：即非数值.

let a = "number";
let b = 10;
let c = a / b;
console.log(c);  // NaN
console.log(typeof c); 
其他出现NaN的情况：

 1. 0/0
 2. 字符串乘以数字
 3. NaN和任何数进行运算,例如：  let a = "number";
							  let b = 10;
							  let c = a / b;
							  // 此时`c`和任何数进行运算结果都是`NaN`

2.2 类型转换和字符串拼接

类型转换主要包括两种,隐式转换和强制类型转换
何为隐式转换：

• 数字字符串加数字,数字隐式转换为字符串

console.log(20+'20'); // 2020
// 调换位置亦可
console.log('20'+20); // 2020

• 数字字符串与数字做非加法运算,字符串隐式转换为数字

console.log('20'-10); // 10
console.log(10*'10'); // 100
console.log(10/'2'); // 5

• 数字字符串与数字字符串做非加法运算,隐式转换为数字

console.log('20'-'10'); // 10
console.log('20'/'10'); // 2
console.log('20'*'10'); // 200

何为强制转换：

强制类型转换我们需要学习两个,
parseInt(将小数字符串、整数字符串或者小数转换为整数)、parseFloat(将小数字符串转换为小数).

1. 整数字符串转换为整数
2. 小数转转整数

let number = '20.5';
let converNumber = parseInt(number);
console.log(converNumber); // 20  不足21一律按照20算
console.log(typeof converNumber); // number

3. 小数字符串转换为小数

字符串拼接：

1. +号的使用，自动转换，整数和字符串

 // 定义两个变量去接收两个数字
let a="1";
let b="2";

// 输出结果
console.log(a+b);12

2.3运算符

相等（"=="）和全等("===")的使用

在编程语言里我们会经常去做值的判断,比如判断两个值是否相同,这时候就要用到相等(==)和全等(===)运算符,这两个运算符的区别是前者只判断值是否相同,后者在此基础上还要判断类型是否相同.

案例：

let number1 = '45';
let number2 = 45;
console.log(number1 == number2); // true

思考：上述代码似乎开始不符合我们的常规思想了,一个是字符串,一个是数字,怎么会相等呢?

答案：隐式类型转换，在这里做比较的时候会首先将’45’转换为 45,然后再去跟比较， 而如果是===就会false

在这里强调一下：JS中的不等于符号是！==