JavaScript:instanceof 实现原理

前文我们有说数据类型的判断,中间提到了一种判断方式就是instanceof,这里我们来详解介绍下关于instanceof具体的实现原理。

语法:object in constructor,具体含义就是检测对象object的原型链中是否存在一个构造函数的prototype属性。例如之前提到的例子:

123 instanceof Number, //false
'dsfsf' instanceof String, //false
false instanceof Boolean, //false
[1, 2, 3] instanceof Array, //true
{a: 1} instanceof Object, //true
function () {} instanceof Function, //true
undefined instanceof Object, //false
null instanceof Object, //false
new Date() instanceof Date, //true
/^[a-zA-Z]{5,20}$/ instanceof RegExp, //true
new Error() instanceof Error //true

那么它具体实现方式是什么呢?我们先看一个函数:

function instance_of(L, R) { //L 表示左表达式,R 表示右表达式 
    var O = R.prototype; // 取 R 的显示原型 
    L = L.__proto__; // 取 L 的隐式原型
    while (true) {
        if (L === null) return false;
        if (O === L) // 当 O 显式原型 严格等于  L隐式原型 时,返回true
            L = L.__proto__;
    }
}    

当我们传入上述的例子,比如:

instance_of(123, Number); 

这个当中执行了什么?首先,传入的值123的_proto_(即数值123的隐式原型)是一个Number对象,而传入的另一个值是Number类型,我们拿Number的prototype(即显示原型)也是一个Number对象,所以instance_of函数会返回一个true,即数值123的隐式原型和Number类型的显示原型相等,所以可以得出结论:123是Number类型。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值