文章目录

JavaScript基本类型
- 1. 原始类型：
- - 1.1 数值—Number
  - 1.2 字符串—String
  - 1.3 布尔值—Boolean
  - 1.4 字符—Symbol（ES6新增）
  - 1.5 Undefined
  - 1.6 Null
- 2. 对象类型—Object：
- - 2.1 重要的特殊对象
- 3 类型识别

重新巩固JS系列，都是比较基础的东西，可以进行查漏补缺，很快看完，这是第一篇。

其他JS重新巩固系列：

重新巩固JS（二）——JavaScript操作符与表达式
重新巩固JS（三）——JavaScript语句

JavaScript基本类型

在编程领域中，数据类型（data type）用来将变量的值（value）进行分类，这样在对变量的值进行数学、关系、逻辑等运算时就不会产生错误了。例如： 2 * 2是合法的，2 * John就不合法了。

JS中的基本类型分为原始类型和对象类型两种。

1. 原始类型：

原始类型（6种）： Number、String、Boolean、Symbol、Null、Undefined。

1.1 数值—Number

采用标准：不区分整数和浮点数，所有数值都用浮点数表示，采用IEEE 754标准定义的64位浮点格式。
整数：范围是-2 ^53 ~ 2^53，有十进制，二进制（binary，以0b为前缀，之后的值由0~1组成）、八进制（octal，以0o为前缀，之后的值由0~7组成，注：不推荐以0为前缀的表示法）、十六进制（hexadecimal，以0x为前缀，之后的值由0~9和a~f（10~15）组成）表示。例如：

//二进制
0b11 //合法
0b22 //不合法//八进制
0o67 //合法
0o89 //不合法//十六进制
0xAf //合法
0xjk //不合法

浮点数：数值中必须包含一个小数点，小数点后至少要有一位数字，浮点数计算可能会有误差，对于极大或极小的数值可以用e表示法，例如：

//存在误差
0.1 + 0.2 = 0.30000000000000004//e表示法
3.14e5 //即为314000

特殊数值，主要来自：全局直接量（无穷大Infinity、非数字NaN）、Number对象的属性（Number.MAX_VALUE、Number.MIN_VALUE等）、Math对象（Math.PI，Math.E等）的属性等。

1.2 字符串—String

采用标准：用来表示文本，由0个或多个16位Unicode字符组成的字符序列。
可以使用单引号或者双引号（效果一样，必须成对出现），在JS代码中经常会出现HTML字符串，由于HTML标签中的属性值推荐的是双引号，所以JS字符串推荐使用单引号，例如：

let imgEl = '<img src="xxxx.jpg" title="my photo">'

索引从0开始，长度是字符的个数。

let str = 'Hello World'
str.length // => 11
str[0] // => 'H'

字符串不能直接换行，如果想拆分成多行，需要在每行的结尾添加反斜杠\，输出的结果还是单行。

// 错误写法
'ab
c'//正确写法
let str = 'multiple\
lines\
end'
str // => 'multiplelinesend'

转义字符：反斜杠后加一个字符表示转义字符，比如\n表示换行符，如果斜杠后面的字符没有特殊含义，则忽略斜杠。常见转义字符：

字符	含义
`\n`	换行
`\\`	斜杠
`\'`	单引号，在用单引号表示的字符串中使用
`\"`	双引号，在用双引号表示的字符串中使用
`\xnn`	十六进制代码表示的一个字符（其中n为0~F）。例如，`\x41`表示’A’
`\unnnn`	十六进制代码表示的unicode字符（其中n为0~F）。例如，`\u03a3`表示希腊字符’∑’

模板字符串（ES6新增）：使用反引号（重音符， " ` "），里面的变量使用${}包裹，可以直接换行。

let name = 'cc'
name // => 'cc'
`Hello, ${name}` //=> 'Hello, cc'

1.3 布尔值—Boolean

用来表示真或假，开或关等含义。

只有两种值： true和false，通常用于if/else语句中，若为true则执行if语句中的逻辑，否则执行else里面的逻辑。

if( status === 'open') {console.log('Door is open');
} else {console.log('Door is closed');
}

假值和真值：JS中任意值都可以转换为布尔值。一共6个值（undefined、null、0、-0、NaN、""）会被转换成false，其他值都是true 。

1.4 字符—Symbol（ES6新增）

可用作对象的非字符串属性，它是唯一且不可变的，例如：

let uniqueName = Symbol();
let person = {};
person[uniqueName] = 'cc';
console.log(person[uniqueName]); // => cc

（备注：后期详细讲解）

1.5 Undefined

表示未定义或不存在，只有一个值undefined。

let abc;
console.log(abc); // => undefined
console.log(abcd); //报错，注意未赋值和未声明的区别
let obj = {};
console.log(obj.name) // => undefined

1.6 Null

表示空值，Null类型只有一个值null。如果定义一个变量来表示一个对象的话，声明时推荐将其设置为null。

let obj = null;
obj = { name: 'cc'}

2. 对象类型—Object：

除了原始类型的值以外，其他都是对象。对象是键值对的集合，值可以是原始值，也可以是对象。例如：

//author对象：有name属性，值为'cc'，还有age属性，值为100
let author = {name: 'CC',age: 100
}

2.1 重要的特殊对象

特殊对象： 函数 Function、数组 Array、日期 Date、正则 RegExp、全局 Global、错误 Error。
（备注：后期单独详细讲解）

3 类型识别

可以使用typeof操作符来检测变量的数据类型，它返回的值为一个小写的字符串。

变量abc的取值	typeof abc 的结果
`let abc;`	`'undefined'`
`let abc = true;`	`'boolean'`
`let abc = 123;`	`'number'`
`let abc = 'abc';`	`'string'`
`let abc = function () {};`	`'function'`
`let abc = {}; //[]、null`	`'object'`
`let abc = Symbol();`	`'symbol'`

说明：整理自网易公开课。

重新巩固JS（一）——JavaScript基本类型相关推荐

js php 数据类型判断,【js基础】变量类型判断
类型判断方法比较: 如果需要想详细了解,请看下文: 注:原封不动复制备份,防止删帖在JavaScript中,有5种基本数据类型和1种复杂数据类型,基本数据类型有:Undefined, Null, B ...
韩顺平轻松搞定网页设计(html+css+js),韩顺平轻松搞定网页设计方案(html+css+js)之javascript现场授课笔记(完整版).doc...
2011韩顺平轻松搞定网页设计(html+css+js)之 javascript现场授课笔记(完整版) 视频18整和19的前半部分不用看 Javascript的基本介绍 JS是用于WEB开发的脚本语言 ...
详解JavaScript变量类型判断及domReady原理写得很好
原文:详解JavaScript变量类型判断及domReady原理我们知道,在开发JavaScript时候,经常要判断JavaScript变量类型,此 JavaScript教程详细介绍JS变量的判断 ...
JavaScript的类型自动转换高级玩法JSFuck
0 前言最开始是不小心在微信公众号(程序员大咖)看到一篇JS的高逼格代码,然后通过里面的链接跳转到了JSFuck的wiki,就像顺着迷宫找宝藏的感觉,感叹JS的自动类型转换的牛逼. 1 样例 (!( ...
JavaScript对象类型Object
前言系统学习JavaScript,由于有3年的java后端开发经验,并且有2年的JavaScript+Jquery开发经验,所以像编程语言的一些通用知识就直接跳过了,重点关注JavaScript的语 ...
js基础--javascript基础概念之函数
js基础--javascript基础概念之函数引用w3c介绍: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. JavaScript 函数语法函数就是包裹在花括号中的代码块,前面使用 ...
了不起的Node.js: 将JavaScript进行到底
了不起的Node.js: 将JavaScript进行到底(Web开发首选,实时,跨多服务器,高并发) Guillermo Rauch 编赵静译 ISBN 978-7-121-21769-2 201 ...
了不起的Node.js: 将JavaScript进行到底（Web开发首选，实时，跨多服务器，高并发）...
了不起的Node.js: 将JavaScript进行到底(Web开发首选,实时,跨多服务器,高并发) Guillermo Rauch 编赵静译 ISBN 978-7-121-21769-2 2 ...
js 判断是什么类型浏览器
一.js 判断是什么类型浏览器 // firefox if ( window.sidebar && "object" == typeof( window.sideb ...

重新巩固JS（一）——JavaScript基本类型