对象的属性检测及原型方法检测

108 阅读1分钟

老师在百度面试题提炼出来的两个方法,自己在这里记录一下,针对于对象属性检测和原型方法检测的一些方法,最下面有面试题案例

isPrototypeOf  检测当前对象是否是基于对应构造函数创建出来的

可以用来替换 instanceof  //用于判断变量的类型

        function Student(name){
            this.name=name
        } 
        Student.prototype.show=function(){
            console.log(this.name)
        }
        let s=new Student('百川')
        //判断s是不是基于Student创建出来的
        let a=Student.prototype.isPrototypeOf(s)
        console.log(a)  //结果为 ture

hasOwnProperty()   判断当前的属性和方法是否源于 对象构造函数内部

        function Student(name){
            this.name=name
        } 
        Student.prototype.show=function(){
            console.log(this.name)
        }
        let s=new Student('百川')
 
        let a=s.hasOwnProperty('name')
        console.log(a)  //name在构造函数内,为true
        let b=s.hasOwnProperty('show')
        console.log(b) //show在原型上,为false

in  判断当前对象是否具有对应属性和方法,通常用于 代码的健壮性

        function Student(name){
            this.name=name
        } 
        Student.prototype.show=function(){
            console.log(this.name)
        }
        let s=new Student('百川')
 
        let a='show' in s
        console.log(a)  //输出结果为true

面试题:编写一个方法,传入两个参数key,对象,判断当前key是否在对象的原型中,如果在返回真,不在返回false

function Student(name){
            this.name=name
        } 
        Student.prototype.show=function(){
            console.log(this.name)
        }
        let s=new Student('百川')
 
        function has(key,obj){
            //先判断是否具有对应属性
            if(key in obj){
                //如果有,再判断是否再构造函数内
                if(obj.hasOwnProperty(key)){
                    return false
                }else{
                    return true
                }
            }else{
                return false
            }
 
           //简写
           //key 在 boj里,并且不在构造函数
           return key in obj && obj.hasOwnProperty(key)==false
        }
        let a=has('show',s)
        console.log(a)  //最后输出true

只要不是原型上的,对于js来讲,都是构造函数里的