html css JavaScript 简单数据类型 简单数据类型 值范围 三个特殊值isNaN() string 类型 字符串引号嵌套 字符串转义符 字符串长度字符串拼接 模板字符串 boolean

JavaScript是弱类型语言，在声明变量时不指定数据类型，在代码运行时，变量的数据类型是由 JS引擎 根据 = 右边变量值的数据类型来判断的，运行完毕之后， 变量就确定了数据类型。 JavaScript 拥有动态类型，同时也意味着相同的变量可用作不同的类型。

JS把数据类型分为两类

• 简单数据类型5个 （Number,String,Boolean,Undefined,null），ES6新增了Symbol、BigInt

• 复杂数据类型 （object )

JavaScript 中的简单数据类型及其说明如下：

简单数据类型	说明	默认值
number	数字型，包含整型值和浮点型值，如 21、0.21	0
boolean	布尔值类型，如 true、false，等价于 1 和 0	false
string	字符串类型	''
undefined	var a; 声明了变量a 但是没有赋值，此时 a = undefined	undefined
null	var a = null; 声明了变量a 为空值	null
object	对象类型 let arr= new Array();

简单数据类型

Number类型既可以用来保存整数值，也可以保存小数（浮点数）。

示例：

let a=21     //存储整数
let b=21.21  //存储浮点数

值范围

• 最大值：Number.MAX_VALUE ，这个值为：1.7976931348623157e+308

• 最小值：Number.MIN_VALUE ，这个值为：5e-324

示例：

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

三个特殊值

• Infinity ，代表无穷打，大于任何数值

• -Infinity ，代表无穷小，小于任何数值

• NaN ，Not a number ，代表一个非数值

alert(Infinity);  // Infinity
alert(-Infinity); // -Infinity
alert(NaN);       // NaN

isNaN()

isNaN()是JavaScript的内置函数，用来判断一个变量是否为非数字的类型，返回 true 或者 false

示例：

let age = 21;
console.log(isNaN(age));      // false , 21不是一个非数字
let userName = '哈哈';
console.log(isNaN(userName)); // true , '哈哈'是一个非数字

string 类型

字符串型可以是引号中的任意文本，其语法为 双引号"" 或者 单引号''

示例：

let strMsg1 = "你好";    // 使用双引号表示字符串
let strMsg2 = 'sunmer'; // 使用单引号表示字符串

因为 HTML 标签里面的属性使用的是双引号，JS 中推荐使用单引号。

字符串引号嵌套

JS 可以用单引号嵌套双引号 ，或者用双引号嵌套单引号（外双内单，外单内双）

示例：

let strMsg1 = '他的原话是"可以"';  // 可以用 '' 包含 ""
let strMsg2 = "他的原话是'可以'"; // 可以用 "" 包含 ''

字符串转义符

• 类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符。

• 转义符都是 \ 开头的，常用的转义符及其说明如下：

转义符	说明
\n	换行符，n 是 newline 的意思
\	斜杠 \
'	' 单引号
"	" 双引号
\t	tab 缩进
\b	空格，b 是 blank 的意思

字符串长度

字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。

示例：

let strMsg = 'sunmer';
alert(strMsg.length); // 显示 6

字符串拼接

• 多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

• 拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

示例：

alert('hello' + ' ' + 'world');    // hello word
alert(100 + 200 + '300' + '400');  // 300300400
alert('11' + 12);                  // 1112

模板字符串

• 使用``包裹的字符串叫模板字符串，是ES6的新特性。

• 模板字符串与一般字符串不同，会保留空格，换行符和缩进

• 在模板字符串中，可以使用${占位符}

示例：

let name = 'haha',
    age = 18;
let sayHello = `Hello! My name is ${name}. My age is ${age}.`
console.log(sayHello);

允许结果

Hello! My name is haha. My age is 18.

boolean类型

布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。

console.log(true + 1);  // 2 参与加法运算当1来看
console.log(false + 1); // 1 参与加法运算当0来看

undefined类型 和 null

一个声明后没有被赋值的变量会有一个默认值 undefined

示例：

let variable;
console.log(variable)          // undefined
console.log('你好' + variable)  // 你好undefined
console.log(11 + variable)     // NaN
console.log(true + variable)   // NaN

示例：

一个声明变量给 null 值，里面存的值为空

let variable = null
console.log('你好' + variable)  // 你好null
console.log(11 + variable)     // 11
console.log(true + variable)   // 1