• [js方法pk]之instanceof() vs isPrototypeOf() hasOwnProperty() vs propertyIsEnumerable()


    [js方法pk]之instanceof() vs isPrototypeOf() hasOwnProperty() vs propertyIsEnumerable()

    这几个方法在js的高级编程中经常用到,对于新手来说可能还不知道他们有什么区别,我把我的体会总结下来,供大家参考:

    首先,定义一个对象:

    复制代码
     1  function Parent() {this.name = "wenbo";}
     2  Parent.prototype.alertP = function() {
     3      alert("Parent");
     4  }
     5 
     6  function Child() {this.age = 23;}
     7  Child.prototype.alertC = function() {
     8      alert("Child");
     9  }
    10 
    11  function F() {}
    12  F.prototype = Parent.prototype;
    13  Child.prototype = new F();
    14  Child.prototype.constructor = Child;
    15  var child = new Child();
    复制代码

    1,instanceof()   vs   isPrototypeOf():

    instanceof:判断该对象是否为另一个对象的实例。

    1  console.log(child instanceof  Parent); //true  
    2  console.log(child instanceof  Child); //true  

    isPrototypeOf:判断一个对象象是否为一个实例的原型。

    1 Parent.prototype.isPrototypeOf(child);//true
    2 Child.prototype.isPrototypeOf(child);//true

    2, hasOwnProperty()   vs  propertyIsEnumerable():

     hasOwnProperty:判断对象是否有某个特定的属性,(注意说的是对象的属性,而不是对象原型的属性)必须用字符串指定该属性。

    1 Parent.hasOwnProperty("name");//true
    2 Child.hasOwnProperty("age");//true
    3 Parent.hasOwnProperty("alertP");//false
    4 Child.hasOwnProperty("alertC");//false

     propertyIsEnumerable:判断给定的属性是否可以用 for...in 语句进行枚举。由于 for ... in 枚举是包含原型链上的属性的,但propertyIsEnumerable作用于原型方法上时,始终是返回false的,你可以这么认为,for...in可以枚举对象本身的属性和原型上的属性,而propertyIsEnumerable只能判断本身的属性是否可以枚举。此外,预定义的属性不是可列举的,而用户定义的属性总是可列举的。所以如果你只想遍历对象本身的属性,可以:

    1 for (var key in obj) {
    2   if (obj.hasOwnProperty(key) {
    3      //do something
    4   }
    5 }
  • 相关阅读:
    css样式预处理器
    cookie&localStorage&sessionStorage
    《程序员面试金典》---读书笔记
    《Linux多线程服务端编程--使用muduo C++ 网络库》---读书笔记
    慢慢走上正轨
    padding 和 margin 不为人知的一面 ---(深度整理)
    html+css代码需要注意的地方(整理)
    前言
    MikTex 和 TexStudio 输入中文日文
    .htaccess 二级域名绑定子目录
  • 原文地址:https://www.cnblogs.com/shsgl/p/4122606.html
Copyright © 2020-2023  润新知