JavaScript学习笔记

Posted 2021-10-01 CSP sy

数据类型

• • 1. 数据类型
  • 2. Undefined 类型
  • 3. Null 类型
  • • 它的作用
  • 4.  Boolean 类型
  • 5. Number 类型
  • • 整数
    • 浮点数
    • 值的范围
    • NAN
    • 数值转换
  • 6. String 类型
  • • 字符串转义符
    • 转换为字符串
    • 模板字面量
  • 7. Symbol 类型
  • 8. Object 类型

---

1. 数据类型

ECMAScript 有 6 种简单数据类型（也称为原始类型）： Undefined、 Null、Boolean、 Number、String 和 Symbol。
还有一种复杂数据类型叫 Object (一种无序名值对的集合)。
在 ECMAScript 中不能定义自己的数据类型，所有值都可以用上述 7 种数据类型之一来表示。

使用 typeof 操作符可以用来确定变量的数据类型。

---

2. Undefined 类型

Undefined 类型只有一个值，就是特殊值 undefined。
当使用 var 或 let 声明了变量但没有初始化时，就相当于给变量赋予了 undefined 值

---

3. Null 类型

Null 类型只有一个值，就是特殊值 null。
给 typeof 传一个 null 会返回 object ，因为 null 被认为是一个对空对象的引用。

它的作用

在定义将来要保存对象值的变量时，建议使用 null 来初始化。
这样，只要检查这个变量的值是不是 null 就可以知道这个变量是否在后来被重新赋予了一个对象的引用.

---

4.  Boolean 类型

Boolean 类型有两个字面值： true 和 false。
布尔值字面量 true 和 false 是区分大小写的，因此 True 和 False（及其他大小混写形式）是有效的标识符，但不是布尔值。
这两个布尔值不同于数值，因此 true 不等于 1， false 不等于 0。

要将一个其他类型的值转换为布尔值，可以调用特定的 Boolean() 转型函数：
不同类型与布尔值之间的转换规则：

数据类型	转换为 true 的值	转换为 false 的值
Boolean	ture	false
String 类型	非空字符串	”“（空字符串）
Number	非零数值（包括无穷值）	0，NaN
Object	任意对象	null
Undefined	N/A（不存在）	undefined

---

5. Number 类型

整数

// 十进制
let intNum = 10;

// 八进制，前缀 0o
let octalNum = 0o70; // 十进制是 56

// 十进制，前缀 0x（区分大小写） 十六进制数字（0~9 以及 A~F）。
let hexNum = 0xA; // 十进制下是 10

使用八进制和十六进制格式创建的数值在所有数学操作中都被视为十进制数值。

浮点数

要定义浮点数，数值中必须包含小数点，而且小数点后面必须至少有一个数字。
小数点前面可以没有整数，但推荐加上。

let floatNum1 = 0.1

// 科学计数法表示 
// (一个数值(整数/浮点数)后跟一个大写/小写的字母e，再加上一个要乘的10的多少次幂)
let floatNum2 = 3.125e7 // 31250000

值的范围

在多数浏览器中：

• 最小值：Number.MIN_VALUE ，值为 5e-32
• 最大值：Number.MAX_VALUE ，值为 1.797 693 134 862 315 7e+308。

如果某个计算得到的数值结果超出了 javascript 可以表示的范围，那么这个数值会被自动转换为无穷值。

• 正无穷大：Infinity
• 负无穷大：-Infinity

要确定一个值是不是有限大，可以使用isFinite() 函数。

NAN

有一个特殊的数值叫 NaN，意思是“不是数值”（ Not a Number），用于表示本来要返回数值的操作失败了（而不是抛出错误）。
（用 0 除任意数值在其他语言中通常都会导致错误，从而中止代码执行。
但在 ECMAScript 中，0、+0 或 -0 相除会返回 NaN）

几个独特的属性：

• 任何涉及 NaN 的操作始终返回 NaN
• NaN 不等于包括 NaN 在内的任何值。

console.log(NaN == NaN); // false

我们可以用 isNaN() 函数来判断是否是 NaN。

数值转换

将非数值转换为数值：Number() 、 parseInt() 和 parseFloat() 。
（Number() 是转型函数，可用于任何数据类型。后两个函数主要用于将字符串转换为数值。）

Number() 空字符串返回0，paresInt() 返回 NaN。
parseInt() 可以接收第二个参数，用于指定底数（进制数）。
不传底数参数相当于让 parseInt() 自己决定如何解析，所以为避免解析出错，建议始终传给它第二个参数。
例如：

let num1 = parseInt("AF", 16); // 175
let num2 = parseInt("AF"); // NaN

parseFloat() 只解析十进制值，因此不能指定底数。
如果字符串表示整数（没有小数点或者小数点后面只有一个零），则 parseFloat() 返回整数。

---

6. String 类型

String（字符串）数据类型表示零或多个 16 位 Unicode 字符序列。
ECMAScript 中的字符串是不可变的（ immutable），意思是一旦创建，它们的值就不能变了。
要修改某个变量中的字符串值，必须先销毁原始的字符串，然后将包含新值的另一个字符串保存到该变量。

字符串可以使用双引号（ "）、单引号（ '）或反引号（ `）标示.
(以某种引号作为字符串开头，必须仍然以该种引号作为字符串结尾)

字符串的长度可以通过其 length 属性获取。
（如果字符串中包含双字节字符，那么 length 属性返回的值可能不是准确的字符数。）

let text = "This is a sentence.";
console.log(text.length); // 19

字符串转义符

转义符	描述
\\n	换行符
\\\\	斜杆 \\
\\'	单引号
\\"	双引号
\\t	tab 缩进
\\b	空格

这些字符字面量可以出现在字符串中的任意位置，且可以作为单个字符被解释。

转换为字符串

• toString()

toString() 方法可见于数值、布尔值、对象和字符串值。
null 和 undefined 值没有 toString() 方法。

let age = 11;
let ageAsString = age.toString(); // 字符串 "11"
let found = true;
let foundAsString = found.toString(); // 字符串 "true"

多数情况下， toString() 不接收任何参数。在对数值调用这个方法时， toString() 可以接收一个底数参数，即以什么底数来输出数值的字符串表示。

let num = 10;
console.log(num.toString()); // "10"
console.log(num.toString(2)); // "1010"
console.log(num.toString(8)); // "12"
console.log(num.toString(10)); // "10"
console.log(num.toString(16)); // "a"

• String()

如果你不确定一个值是不是 null 或 undefined，可以使用 String() 转型函数。
String() 函数遵循如下规则：

• 如果值有 toString() 方法，则调用该方法（不传参数）并返回结果。
• 如果值是 null，返回"null" 。
• 如果值是 undefined，返回"undefined" 。

let value1 = 10;
let value2 = true;
let value3 = null;
let value4;

console.log(String(value1)); // "10"
console.log(String(value2)); // "true"
console.log(String(value3)); // "null"
console.log(String(value4)); // "undefined"

模板字面量

模板字面量会保持反引号内部的空格，可以保留换行符。

let thirdTemplateLiteral = `first line
second line`;
console.log(thirdTemplateLiteral);
/*
输出结果：
first line
second line
*/

---

7. Symbol 类型

Symbol（符号）是 ECMAScript 6 新增的数据类型。
符号是原始值，且符号实例是唯一、不可变的。

符号的用途是确保对象属性使用唯一标识符，不会发生属性冲突的危险。

符号需要使用 Symbol() 函数初始化。

let genericSymbol = Symbol();
console.log(genericSymbol); // Symbol()

let fooSymbol = Symbol('foo');
console.log(fooSymbol); // Symbol(foo);

---

8. Object 类型

ECMAScript 中的对象其实就是一组数据和功能的集合。
对象通过 new 操作符后跟对象类型的名称来创建。

let obj = new Object();

因为在 ECMAScript 中 Object 是所有对象的基类，所以任何对象都有 Object 属性和方法。
Object 实例有如下属性和方法：

• constructor：用于创建当前对象的函数。
  (在前面的代码中，这个属性的值就是 Object()函数)
• hasOwnProperty(propertyName) ：用于判断当前对象实例（不是原型）上是否存在给定的属性。
  (要检查的属性名必须是字符串，如 o.hasOwnProperty(“name”) 或 符号)
• isPrototypeOf(object) ：用于判断当前对象是否为另一个对象的原型。
• propertyIsEnumerable( propertyName) ：用于判断给定的属性是否可以使用 for-in 语句枚举。
  (与 hasOwnProperty() 一样，属性名必须是字符串)
• toLocaleString() ：返回对象的字符串表示，该字符串反映对象所在的本地化执行环境。
• toString() ：返回对象的字符串表示。
• valueOf() ：返回对象对应的字符串、数值或布尔值表示。通常与 toString() 的返回值相同。