typeof操作符
typeof 操作符作用:是用来检测变量的数据类型。对于值或变量使用 typeof 操作符会返回如下字符串。
数据类型undefined的判断示例
变量定义了但未初始化,就是undefined
可以使用===来判断某个变量的值是否等于undefined,如果是,那么这个值就是undefined的数据类型了
var box
alert(box)
alert(typeof box) // box是undefined类型,值是undefined,类型返回的字符串是undefined
数据类型boolean的判断示例
数据类型string的判断示例
数据类型number的判断示例
数据类型function的判断示例
函数在 ECMAScript 中是对象,不是一种数据类型。所以,使用 typeof 来区分 function 和 object 是非常有必要的
function f() {
alert(1)
}
alert(typeof f) //function
alert(f) // 打印出函数本身
数据类型object的判断示例
null不能使用typeof来判断数据类型,因为返回的是object,并且null只有一个值,可以使用===来判断某个变量的值是否等于nulll,如果是,那么这个值就是null的数据类型了
instanceof操作符
要检测一个变量的类型,我们可以通过 typeof 运算符来判别
var box = 'Lee';
alert(typeof box); //string
虽然 typeof 运算符在检查基本数据类型的时候非常好用,但检测引用类型的时候,它就不是那么好用了。通常,我们并不想知道它是不是对象,而是想知道它到底是什么类型的对象。因为数组也是 object,null 也是 Object 等等。
这时我们应该采用 instanceof 运算符来查看。当使用 instanceof 检查基本类型的值时,它会返回 false。
var box = [1,2,3];
console.log(box instanceof Array);//是否是数组:true var box2 = {};
console.log(box2 instanceof Object); //是否是对象:true var box3 = /g/;
console.log(box3 instanceof RegExp); //是否是正则表达式:true var box4 = new String('Lee');
console.log(box4 instanceof String); //是否是字符串对象:true var box5 = null
console.log(box5 instanceof Object) // false
这个操作符专门用来判断对象具体的类型(是一个函数还是一个数组还是一个object),基本数据类型不能使用这个操作符
function fn() {
alert(1)
}
var obj = {
name: 'huang'
}
var arr = [3,4,5]
alert(fn instanceof Object) //true
alert(fn instanceof Function) //true
alert(obj instanceof Object) //true
alert(obj.name instanceof Object) //false
alert(arr instanceof Object) //true
alert(arr instanceof Array) //true
console.log(null instanceof Object) //false
instanceof是如何判断的
表达式: A instanceof B
如果B函数的显式原型对象在A对象的原型链上, 返回true, 否则返回false
function Foo() {}
var f1 = new Foo();
console.log(f1 instanceof Foo); // true
console.log(f1 instanceof Object); // true
console.log(Object instanceof Function)
console.log(Object instanceof Object)
console.log(Function instanceof Object)
console.log(Function instanceof Function)
function Foo() {}
console.log(Object instanceof Foo); // false
console.log(Foo instanceof Object);
利用对象的原型方法toString()方法
对象的原型方法toString()方法是最原始的方法,没有被修改过,需要用被判断的数据使用call来指定这个原型方法去调用,返回一个字符串分别是:
[object String],[object Number],[object Null],[object Array],[object Undefined],[object Function],[object Object]
然后再使用字符串的sclie方法获取到object后面的那个字符串就是正确的数据类型了
var str = 'huang'
var a = 3
var b = null
var c = undefined
var fn = function () {
console.log('我是一个函数')
}
var arr = [2,3,4,2523]
var obj = {
name: 'huang'
}
console.log(Object.prototype.toString.call(str).slice(8, -1)) //String
console.log(Object.prototype.toString.call(a).slice(8, -1)) // Number
console.log(Object.prototype.toString.call(b).slice(8, -1)) // Null
console.log(Object.prototype.toString.call(arr).slice(8, -1)) // Array
console.log(Object.prototype.toString.call(c).slice(8, -1)) //Undefined
console.log(Object.prototype.toString.call(fn).slice(8, -1)) //Function
console.log(Object.prototype.toString.call(obj).slice(8, -1)) //Object