- Javascript中有七种内置类型:
- 空值(null)
- 未定义(undefined)
- 布尔值(boolean)
- 数字(number)
- 字符串(string)
- 符号(symbol,ES6新增加的)
- 对象(object)
其中前6种是基本数据类型,对象是引用数据类型。要注意的是在JavaScript中变量是没有数据类型的,只有值才有。变量随时可以持有任何类型的值。
- 检测数据类型的几种方法
- typeof:对一个值使用typeof 会返回一个字符串。例如
typeof 1 //'number'
typeof {} //'object'
typeof null //这里返回的也是'object'
typeof function(){} //这里返回'function'
注意:typeof无法区分null和object类型的值,虽然typeof function的返回值是'function',但并不是说function是一种数据类型,它是对象的一种子类型,也属于对象,同样拥有属性和方法。
- instanceof:用来检测左边的对象是否是右边构造函数的实例,但如果一个构造函数的prototype在所检测的对象的原型链上,都会返回true,例如
var A = function(){}
var B = function(){}
B.prototype = new A()
var b = new B()
b instanceof B //true
b instanceof A //true
注意:instanceof只能用来检测对象(函数也属于对象),不能用来判断字符串和数字等,因为字符串、数字等都会返回false。使用时也要注意上面例子的这种情况。
- constructor:在Javascript中,每个函数(除了es5中的function.bind()方法)都会自动拥有一个prototype属性,这个属性是一个对象,这个对象拥有一个constructor属性,它指向构造函数本身
var arr = [1,2,3];
arr.constructor === Array //true
var num = 1;
num.constructor === Number //true
var str = 'test';
str.constructor === String //true
注意:强烈建议不要使用constructor属性来做判断,因为这个属性可以随意修改。
- prototype:万金油Object.proptotype.toString()方法,判断某个对象值属于哪种内置类型。兼容性最好
console.log(Object.prototype.toString.call(“字符串”) === ‘[object String]’) -------> true;
console.log(Object.prototype.toString.call(123) === ‘[object Number]’) -------> true;
console.log(Object.prototype.toString.call([1,2,3]) === ‘[object Array]’) -------> true;
console.log(Object.prototype.toString.call(new Date()) === ‘[object Date]’) -------> true;
console.log(Object.prototype.toString.call(function a(){}) === ‘[object Function]’) -------> true;
console.log(Object.prototype.toString.call({}) === ‘[object Object]’) -------> true
- 鸭子类型:通过判断某种类型特有的属性和方法来判断属于哪种类型。例如
var a = null;
!a && typeof a === 'object' //如果返回true,则a是null
var arr = [];
typeof arr === 'object' && typeof arr.sort === 'function' //如果返回true,则arr是数组
以上几种方法没有哪种最好,需要看具体的使用场景
- 特殊的值null & undefined(面试时可能会被问到o(╯□╰)o)
- null是指空值,undefined是指没有值
- null是一个关键字,不能当做变量来使用和赋值,undefined可以,因此为了避免undefined被重新赋值的特殊情况,往往使用void 0 来表示undefined
- 在if的判断条件中,null和undefined都自动被转译为false
- 在转换成数字时,null转译为0,undefined转译为NaN
- null == undefined为true, 因为 == 在比较相同数据类型的值的时候与 === 相同,在比较不同数据类型时,会先对两边的数据类型进行转换再比较,因此建议在平时写代码时使用 ===,除非你需要隐式转换时才使用==
- Symbol:特殊的数据类型
Symbol()函数会返回symbol�类型的值,该类型具有静态属性和静态方法。它的静态属性会暴露几个内建的成员对象;它的静态方法会暴露全局的symbol注册,且类似于内建对象类,但作为构造函数来说它并不完整,因为它不支持语法:"new Symbol()"。
每个从Symbol()返回的symbol值都是唯一的。一个symbol值能作为对象属性的标识符;这是该数据类型仅有的目的。————MDN Web文档
在es6之前,对象的属性名都是字符串,这样子便会存在属性名冲突的隐患,因此symbol诞生,从根本上防止属性名的冲突。
Symbol是一个内置函数,但不能用new Symbol()来调用,并且symbol值也不能与其它数据类型进行运算(这两种操作都会报错)。作为对象的key值,它不会被for...in,for..of,Object.keys(), Object.getOwnPropertyNames,JSON.stringify()这些方法检索出来,要想获取只能用es6新增的2 种方法 Object.getOwnPropertySymbols()和Reflect.ownKeys()。
创建方式
//注意symbol是唯一的
var a = Symbol(); //无参数
var b = Symbol();
a === b //false
console.log(a, b) //Symbol(), Symbol()
var c = Symbol('hello'); //有参数
var d = Symbol('hello');
c === d //false
console.log(c, d) //Symbol('hello'), Symbol('hello')
使用方式
var a = Symbol(),
b = Symbol('hello');
var c = {
a: 'hello',
b: 'world'
};
console.log(c.a) // 'hello'
console.log(c.b) // 'world'
// 如果是可计算属性名
var d = {
[a] : 'haha'
};
console.log(d[a]) // 'haha'
如果有时候要用到相同的symbol值怎么办呢?es6提供了symbol.for()方法
var a = Symbol.for('aaa');
var b = Symbol.for('aaa');
a === b // true
// Symbol.keyFor()方法可以获取已经用Symbol.for()方法注册的key值
var key = Symbol.keyFor(a)
console.log(key) // 'aaa'