JavaScript基础04---数据类型

分为两类：简单数据类型(Number,String,Boolean,Undefined,Null)和复杂数据类型(object)。

Number数字型

JavaScript 只有一种数值类型。

写数值时用不用小数点均可

var x1 = 34.00; // 带小数点
var x2 = 34; // 不带小点

数字计算

JavaScript 的加法使用 + 运算符。

var x = 10;
var y = 20;
var z = x + y;

如果对两个字符串相加，结果将是一个字符串的级联

var x = "10";
var y = "20";
var z = x + y;

如果您对一个数和一个字符串相加，结果也是字符串级联：

var x = 10;
var y = "20";
var z = x + y;
var x = 10;
var y = "20";
var z = x + y;

JavaScript 从左向右进行编译。

因为 x 和 y 都是数，10 + 20 将被相加。

因为 z 是字符串，30 + "30" 被级联。

NaN 非数值

NaN 属于 JavaScript 保留词，指示某个数不是合法数。

尝试用一个非数字字符串进行除法会得到 NaN（Not a Number）：

var x = 100 / "Apple"; // x 将是 NaN（Not a Number）

//假如字符串包含数值，则结果将是数：

var x = 100 / "10"; // x 将是 10

NaN 是数，typeof NaN 返回 number：

typeof NaN; // 返回 "number"

数值对象

通常 JavaScript 数值是通过字面量创建的原始值：var x = 123

但是也可以通过关键词 new 定义为对象：

var y = new Number(123)

var x = 123;
var y = new Number(123);
// typeof x 返回 number
// typeof y 返回 object

toString() 方法

toString() 以字符串返回数值。

所有数字方法可用于任意类型的数字（字面量、变量或表达式）

var x = 123;
x.toString(); // 从变量 x 返回 123
(123).toString(); // 从文本 123 返回 123
(100 + 23).toString(); // 从表达式 100 + 23 返回 123

toFixed() 方法

toFixed() 返回字符串值，它包含了指定位数小数的数字

var x = 9.656;
x.toFixed(0); // 返回 10
x.toFixed(2); // 返回 9.66
x.toFixed(4); // 返回 9.6560
x.toFixed(6); // 返回 9.656000

toPrecision()

toPrecision() 返回字符串值，它包含了指定长度的数字：

var x = 9.656;
x.toPrecision(); // 返回 9.656
x.toPrecision(2); // 返回 9.7
x.toPrecision(4); // 返回 9.656
x.toPrecision(6); // 返回 9.65600

String字符串型

字符串（或文本字符串）是一串字符（比如 "Bill Gates"）。

字符串被引号包围。您可使用单引号或双引号：

var name = "Tina"; // 使用双引号
var name = 'Tina'; // 使用单引号
var name = "我的名字叫'Tina'"; // 字符串内包含引号

特殊字符

\ 转义字符 。

反斜杠转义字符把特殊字符转换为字符串字符：

//序列 " 在字符串中插入双引号：

var x = "中国是瓷器的故乡，因此 china 与"China（中国）"同名。"

【小结】

JavaScript基础涉及的知识点零零碎碎的，也不少。在学习Vue或者React之前，都需要简单过一遍，必要时打开编辑器敲代码，运行一下就更好。真的很重要！近期要快速Review一遍JS基础知识...