重学前端

3.基本类型

2019-04-25  本文已影响0人  ChangLau

Undefined

Undefined 类型只有一个值，就是 undefined。声明变量而没有初始化时，这个值就是 undefined

// 声明未初始化的变量，变量值默认为undefined
var message;
console.log(message === undefined) // true

// 初始化值为undefined
var message = undefined
console.log(message === undefined) // true

声明未初始化的变量和未声明的变量都返回 undefined

var message
typeof message // "undefined"
typeof age // "undefined"
// 基于此，我们应该显示初始化变量，这样子当使用typeof操作符返回undefined的时候，
// 我们就可以确定变量未声明，而不是没有初始化

Null

Null 类型只有一个值，就是 null

// null值表示指向空对象的指针，所以返回object
var car = null
typeof car // "object"

如果声明变量用来保存对象，最好初始化为 null,可以用来判断对象是否已经保存了一个对象的引用

if(car != null){
    // 对 car 对象进行额外操作
}

undefined 派生于 null

console.log(null == undefined) // true

Boolean

Boolean 类型具有两个字面量值：true 和 false

将其他类型的值转化为 Boolean 类型的值

var message = "Hello World"
var messageAsBoolean = Boolean(message)

各类型的值转化为 Boolean 类型值的转换规则

数据类型 转换为 true 的值 转换为 false 的值
Boolean true false
String 任何非空字符串 ""（空字符串）
Number 任何非 0 数字值（包括 ∞） 0 和 NaN
Object 任何对象 null
Undefined 不适用 undefined

Number

整数

var intNum = 55; // 整数

var octalNum = 070 // 八进制的56

var hexNum = 0xA // 十六进制的10

浮点数

var floatNum = 1.1

// 对于极大或极小的数值采用科学计数法
var floatNum = 3.125e7 // 等于3.125 * 10的7次方 == 31250000
var floatNum = 3e-7 // 等于 3 * 10的-7次方 == 0.0000003

浮点数计算

// 基于IEEE754数值的浮点计算的通病
0.1 + 0.2 != 0.3 // 0.3000000000000004

// 变相的计算浮点数的值
(0.1 * 10 + 0.2 * 10) / 10 = 3

数值范围

Number.MIN_VALUE // 5e-324
Number.MAX_VALUE // 1.7976931348623157e+308
// 如果计算超出JavaScript数值范围，这个数值自动保存为Infinity或者-Infinity（正负∞）

isFinite 函数（位于最大和最小值之间的数会返回 true）用于检测数值是否超出 JavaScript 数值范围

var result = Number.MAX_VALUE * 2 // Infinity
isFinite(result) // false

NaN

NaN 非数值，用于表示本来要返回数值但未返回数值的情况（避免抛出错误）

// 任何数值 * 非数值都会返回NaN
1 * 'abc' // NaN

NaN * 3 // NaN
console.log(NaN == NaN) // false

isNaN

isNaN 函数用于帮助我们检查参数是否为“非数值”（参数首先会自动转化为数值，如果不能转化，则返回 true）

// 数值
isNaN('') // false
isNaN('1') // false
isNaN(null) // false
isNaN(true) // false

// 非数值
isNaN('blue') // true
isNaN(NaN) // true
isNaN(undefined) // true

数值转化

Number()用于任何数据类型的转化

Number("Hello World") // NaN
Number("123") // 123
Number(false) // 0
Number(null) // 0
Number(undefined) // NaN
Number(1.1) // 1.1

parseInt 和 parseFloat 用于将字符串转化为数值

parseInt("1234blue") // 1234
parseInt(22.5) // 22
parseInt("") // NaN

parseFloat("1234blue") // 1234
parseFloat(22.5) // 22.5
parseFloat("") // NaN

String

声明(单引号''或双引号""都可以)

var firstName = 'Nicholas';
var lastName = "Zakas";

特殊字符字面量

字面量 含义
\n 换行
\t 制表
\b 退格
\f 进纸
\\ 斜杠
\' 单引号
\" 双引号
\xnn 十六进制码 nn 表示一个字符（n[0~F])，如\x41 表示 A
\unnn 十六进制码 nnnn 表示一个 Unicode 字符（n[0~F])，如\u03a3 表示 Σ

字符串长度

var text = 'Hello World';
console.log(text.length); // 11

字符串的特点

字符串一旦创建，它们的值就不可改变。

var lang = 'Java'
lang = lang + 'Script'
image

原始值
存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。
引用值
存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存处。

基本类型的值不可改变，上面代码中的变量 lang 只是重新指向了存储值为“JavaScript”的地方。这也是很多低版本浏览器拼接字符串速度很慢的原因。

转换为字符串

toString()

字符串、数值、布尔和对象都可以使用 toString() 转化为 String,null 和 undefined 没有这个方法

var str = "String",
  num = 2,
  flag = true,
  obj = { a: 1 };
str.toString(); // "String"
num.toString(); // "2"
flag.toString(); // "true"
obj.toString(); // "[object Object]"

toString 传参转化为不同进制的 Number

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

String 可以转化任意类型的值为 String，转化规则如下

  1. 如果转化值有 toString 方法，则调用该方法返回相同的结果
  2. 如果值是 null，则返回"null"
  3. 如果值是 undefined，则返回"undefined"
var str = "String",
  num = 2,
  flag = true,
  obj = { a: 1 };
String(str) // "String"
String(num); // "2"
String(flag); // "true"
String(obj); // "[object Object]"

String(null) // "null"
String(undefined) // "undefined"
待转化值+''
2 + '' // "2"
true +'' // "true"
'abc' + '' // "abc"
null + '' // "null"
undefined + '' // "undefined"
var a = {a : 1}
a + '' // "[object Object]"

Object

对象其实就是数据和功能的集合,Object 类型是所有实例的基础，Object 具有的属性和方法也存在于更具体的对象中。

创建对象
var o = new Object()

Object 实例具有的属性和方法

上一篇下一篇

猜你喜欢

热点阅读