zoukankan      html  css  js  c++  java
  • Object对象

    原文地址:https://wangdoc.com/javascript/
    JavaScript原生提供Object对象。JavaScript的所有其他对象都继承自Object对象,即都是Object的实例。Object对象的原生方法分为两类:Object本身的方法与Object的实例方法。
    Object对象本身的方法
    所谓本身的方法就是直接定义在Object对象的方法。

    Object.print = function (o) {
        console.log(o);
    };
    

    上面代码中,print就是直接定义在Object对象上。
    Object的实例方法
    所谓实例方法就是定义在Object原型对象Object.prototype上的方法。它可以被Object实例直接使用。

    Object.prototype.print = function() {
        console.log(this);
    };
    var obj = new Object();
    obj.print() //Object
    

    上面代码中,Object.prototype定义了一个print方法,然后生成一个Object的实例objobj直接继承了Object.prototype的属性和方法,可以直接使用obj.print调用print方法。也就是说,obj对象的print方法实质上就是调用Object.prototype.print方法。

    Object()

    Object本身是一个函数,可以当作工具方法使用,将任意值转为对象。这个方法常用于保证某个值一定是对象。
    如果参数为空(或者为undefined和null),Object()返回一个空对象。
    instanceof运算符用来验证,一个对象是否为指定的构造函数的实例。obj instanceof Object返回true,就表示obj对象是Object的实例。

    var obj = Object(1);
    obj instanceof Object; // true
    obj instanceof Number; // true
    
    var obj = Object("foo");
    obj instanceof Object; // true
    obj instanceof String; // true
    
    var obj = Object(true);
    obj instanceof Object; // true
    obj instanceof Boolean; // true
    

    上面代码中,Object函数的参数是各种原始类型的值,转换成对象就是原始类型值对应的包装对象。
    如果Object方法的参数是一个对象,它总是返回该对象,即不用转换。

    var arr = [];
    var obj = Object(arr); // 返回原数组
    obj === arr // true
    

    利用这一点,可以写一个判断变量是否为对象的函数。

    function isObject(value) {
        return value === Object(value);
    }
    

    Object构造函数

    Object不仅可以当作工具函数使用,还可以当作构造函数使用,即前面可以使用new命令。Object构造函数的首要用途是直接用它来生成新对象。
    Object构造函数的用法与工具方法很相似,几乎一模一样。使用时,可以接受一个参数,如果该参数是一个对象,则直接返回这个对象;如果是一个原始类型的值,则返回该值对应的包装对象。
    虽然很相似,但是Object(value)new Object(value)两者的语义是不同的,Object(value)表示将value转成一个对象,new Object(value)则表示新生成一个对象,它的值是value

    Object的静态方法

    所谓静态方法,是指部署在Object(value)对象自身的方法。

    Object.keys(),Object.getOwnPropertyNames()

    Object.keys方法和Object.getOwnPropertyNames方法都用来遍历对象的属性。Object.keys方法的参数是一个对象,返回一个数组。该数组的成员都是该对象自身的(而不是继承的)所有属性名。
    Object.getOwnPropertyNames方法和Object.keys类似,也是接受一个对象作为参数,返回一个数组,包含了该对象自身的所有属性名。
    对于一般的对象来说Object.keys()Object.getOwnPropertyNames()返回的结果都一样。只有涉及不可枚举属性是,才会有不一样的结果。Object.keys方法只返回可枚举的属性,Object.getOwnPropertyNames方法还返回不可枚举的属性名。

    var a = ["hello", "world"];
    Object.keys(a) // ["0", "1"]
    Object.getOwnPropertyNames(a) // ["0", "1", "length"]
    

    其他方法

    除了上面提到的两个方法,Object还有不少其他静态方法。
    (1)对象属性模型的相关方法

    • Object.getOwnPropertyDescriptor():获取某个属性的描述对象。
    • Object.defineProperty():通过描述对象,定义某个属性。
    • Object.defineProperties():通过描述对象,定义多个属性。
      (2)控制对象状态的方法
    • Object.preventExtensions():防止对象扩展。
    • Object.isExtensible():判断对象是否可扩展。
    • Object.seal():禁止对象配置。
    • Object.isSealed():判断一个对象是否可配置。
    • Object.freeze():冻结一个对象。
    • Object.isFrozen():判断一个对象是否被冻结。
      (3)原型链相关方法
    • Object.create():该方法可以指定原型对象和属性,返回一个新的对象。
    • Object.getPropertyOf():获取对象的Prototype对象。

    Object的实例方法

    除了静态方法,还有不少方法定义在Object.prototype对象。它们称为实例方法,所有Object的实例对象都继承了这些方法。
    Object实例对象的方法,主要有以下六个。

    • Object.prototype.valueOf():返回当前对象对应的值。
    • Object.prototype.toString():返回当前对象对应的字符串形式。
    • Object.prototype.toLocaleString():返回当前对象对应的本地字符串形式。
    • Object.prototype.hasOwnProperty():判断某个属性是否为当前对象自身的属性,还是继承自原型对象的属性。
    • Object.prototype.isPrototypeOf():判断当前对象是否为另一个对象的原型。
    • Object.prototype.propertyIsEnumerable():判断某个属性是否可枚举。

    Object.prototype.valueOf()

    valueOf方法的作用是返回一个对象的值,默认情况下返回对象本身。

    Object.prototype.toString()

    toString方法的作用是返回一个对象的字符串形式,默认情况下返回类型字符串。

    var o1 =  new Object();
    o1.toString() // "[object Object]"
    

    上面代码会返回字符串[object Object],该字符串说明对象的类型。
    字符串[object Object]本身没有太大的用处,但是通过自定义toString方法,可以让对象在自动类型转换是,得到想要的字符串形式。
    数组、字符串、函数、Date对象分别部署了自定义的toString方法,覆盖了Object.prototype.toString方法。

    toString()的应用:判断数据类型

    Object.prototype.toString方法返回对象的类型字符串,因此可以用来判断一个值得类型。上面空对象调用toString返回的字符串object Object,其中第二个Object表示该值的构造函数。
    由于实例对象可能会自定义toString方法,覆盖掉Object.prototype.toString方法,所以为了得到类型字符串,最好直接使用Object.prototype.toString方法。通过函数的call方法调用。

    • 数值:返回[object Number]
    • 字符串:返回[object String]
      ...
      利用这个特性,可以写出一个比typeof运算符更准确的类型判断函数。
    var type = function(o) {
        var s = Object.prototype.toString.call(o);
        return s.match(/[object (.*?)]/)[1].toLowerCase();
    }
    

    Object.prototype.toLocaleString()

    Object.prototype.toLocaleString方法与toString返回结果相同,也是返回一个值得字符串形式。这个方法的主要作用是留出一个接口,让各种不同的对象实现自己版本的toLocaleString,用来返回针对某些地域的特定的值。
    目前主要有三个对象自定义了toLocaleString方法。

    • Array.prototype.toLocaleString()
    • Number.prototype.toLocaleString()
    • Date.prototype.toLocaleString()
      举例来说,日期的实例对象的toStringtoLocaleString返回值就不一样,而且toLocaleString的返回值跟用户设定的所在地域有关。

    Object.prototype.hasOwnProperty()

    Object.prototype.hasOwnProperty方法接受一个字符串作为参数,返回一个布尔值,表示该实例对象自身是否有该属性。

    var obj = {
        p: "123",
    };
    
    obj.hasOwnProperty("p"); // true
    obj.hasOwnProperty("toString"); // false
    

    上面代码中,对象obj自身具有p属性。toString属性是继承来的。

  • 相关阅读:
    【基础知识】文件的读写操作
    【基础知识】winfrom窗体的属性
    【基础知识】ASP.NET[基础一(ashx)]
    【基础知识】Dom基础
    【基础知识】JavaScript基础
    【基础知识】C#数据库中主键类型的选择
    【基础知识】ASP.NET[基础二(aspx)]
    fileUpload上传文件,并设置文件名以及保存服务器位置
    list转成json,json转成list
    一个checkbox 用jquery实现全选、全不选
  • 原文地址:https://www.cnblogs.com/chris-jichen/p/10043589.html
Copyright © 2011-2022 走看看