您好,欢迎访问一九零五行业门户网

javascript之typeof、instanceof操作符使用探讨_基础知识

写javascirpt代码时,typeof和instanceof这两个操作符时不时就会用到,堪称必用。但是!使用它们总是不能直接的得到想要的结果,非常纠结,普遍的说法认为“这两个操作符或许是javascript中最大的设计缺陷,因为几乎不可能从他们那里得到想要的结果”
typeof
说明:typeof返回一个表达式的数据类型的字符串,返回结果为js基本的数据类型,包括number,boolean,string,object,undefined,function。
从说明来看,貌似没什么问题。
下面的代码写了一个数值变量,typeof后的结果是number。
复制代码 代码如下:
var a = 1;
console.log(typeof(a)); //=>number
如果用number类型的构造函数new一个变量的话,typeof后的结果是object。
复制代码 代码如下:
var a = new number(1);
console.log(typeof(a)); //=>object
上面的这两个输出结果看似没啥问题,这一点从书上看来是理所当然的事情,因为javascript就是这么设计的。
但是!问题就在于既然调用了typeof就应该准确返回一个变量的类型,不管是直接用值创建的还是用类型的构造函数创建的,否则!我还用你做啥!
那么对于:
复制代码 代码如下:
var a = 1;
var b = new number(1);
a和b变量的类型准确的说来都应该是number才是想要的结果。
而准确的类型信息保存在变量的内部属性 [[class]] 的值中,通过使用定义在 object.prototype 上的方法 tostring来获取。
获取类型信息:
复制代码 代码如下:
var a = 1;
var b = new number(1);
console.log(object.prototype.tostring.call(a));
console.log(object.prototype.tostring.call(b));
输出:
复制代码 代码如下:
[object number]
[object number]
是不是已经很直接了,我们稍微处理一下,得到直接结果:
复制代码 代码如下:
var a = 1;
var b = new number(1);
console.log(object.prototype.tostring.call(a).slice(8,-1));
console.log(object.prototype.tostring.call(b).slice(8,-1));
输出:
number
number
这就是想要的结果。
为了更好的使用,我们封装一个方法,用来判断某个变量是否是某种类型:
复制代码 代码如下:
function is(obj,type) {
var clas = object.prototype.tostring.call(obj).slice(8, -1);
return obj !== undefined && obj !== null && clas === type;
}
定义一些变量做过测试,先来看看它们的typeof输出:
复制代码 代码如下:
var a1=1;
var a2=number(1);
var b1=hello;
var b2=new string(hello);
var c1=[1,2,3];
var c2=new array(1,2,3);
console.log(a1's typeof:+typeof(a1));
console.log(a2's typeof:+typeof(a2));
console.log(b1's typeof:+typeof(b1));
console.log(b2's typeof:+typeof(b2));
console.log(c1's typeof:+typeof(c1));
console.log(c2's typeof:+typeof(c2));
输出:
a1's typeof:number
a2's typeof:object
b1's typeof:string
b2's typeof:object
c1's typeof:object
c2's typeof:object
我们再用新作的函数是一下:
复制代码 代码如下:
console.log(a1 is number:+is(a1,number));
console.log(a2 is number:+is(a2,number));
console.log(b1 is string:+is(b1,string));
console.log(b2 is string:+is(b2,string));
console.log(c1 is array:+is(c1,array));
console.log(c2 is array:+is(c2,array));
输出:
a1 is number:true
a2 is number:true
b1 is string:true
b2 is string:true
c1 is array:true
c2 is array:true
注:typeof也不是无用,实际用处是用来检测一个变量是否已经定义或者是否已经赋值。
instanceof
说明:判断一个对象是否为某一数据类型,或一个变量是否为一个对象的实例。
instanceof 操作符用来比较两个内置类型的变量时一样力不从心,同样会对结果不满意。
复制代码 代码如下:
console.log(abc instanceof string); // false
console.log(abc instanceof object); // false
console.log(new string(abc) instanceof string); // true
console.log(new string(abc) instanceof object); // true
只有在比较自定义的对象时才准确反映关系。
复制代码 代码如下:
function person() {}
function man() {}
man.prototype = new person();
console.log(new man() instanceof man); // true
console.log(new man() instanceof person); // true
其它类似信息

推荐信息