• JS Object对象


    概述

    JavaScript Object对象(注意起首的O是大写)
    JavaScript 的所有其他对象都继承自Object对象,即那些对象都是Object的实例
    Object对象的原生方法分成两类:Object本身的方法与Object的实例方法。

    (1)Object对象本身的方法

    所谓”本身的方法“就是直接定义在Object对象的方法。

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

    (2)Object的实例方法

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

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

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

    这里只要知道,凡是定义在Object.prototype对象上面的属性和方法,将被所有实例对象共享就可以了。

    Object()

    Object 本身是一个函数,可以当作工具方法使用,将任意值转为对象。这个方法常用于保证某个值一定是对象。

    如果参数为空(或者为undefined和null),Object()返回一个空对象。

    var obj = Object();// 等同于
    var obj = Object(undefined);
    var obj = Object(null);
    
    obj instanceof Object // true
    

    上面代码的含义,是将undefined和null转为对象,结果得到了一个空对象obj。

    instanceof运算符用来验证,一个对象是否为指定的构造函数的实例。 表达式返回值为布尔值,obj instanceof Object返回true,就表示obj对象是Object的实例。 如果返回false则不是。

    如果参数是原始类型的值,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
    
    var value = {};
    var obj = Object(value) // 返回原对象
    obj === value // true
    
    var fn = function () {};
    var obj = Object(fn); // 返回原函数
    obj === fn // true
    

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

    function isObject(value) {
      return value === Object(value);
    }
    
    isObject([]) // true
    isObject(true) // false

    Object构造函数

    Object不仅可以当作工具函数使用,还可以当作构造函数使用,即前面可以使用new命令。

    Object构造函数的首要用途,是直接通过它来生成新对象。

    var obj = new Object();
    

    通过var obj = new Object()的写法生成新对象,与字面量的写法var obj = {}是等价的。或者说,后者只是前者的一种简便写法。


    使用时,可以接受一个参数,如果该参数是一个对象,则直接返回这个对象;如果是一个原始类型的值,则返回该值对应的包装对象

    var i = {a : 1};
    var t = new Object(i);
    i === t   //true
    
    var obj  = new Object(123);
    obj instanceof Number    //ture
    

    注意:虽然用法相似,但是Object(value)与new Object(value)两者的语义是不同的,Object(value)表示将value转成一个对象,new Object(value)则表示新生成一个对象,它的值是value。

    Object的静态方法

    指部署在Object对象自身的方法

    Object.keys方法和Object.getOwnPropertyNames方法都用来遍历对象的属性。


    Object.keys方法的参数是一个对象,返回一个数组。该数组的成员都是该对象自身的(而不是继承的)所有属性名。

    Object.keys()

    var obj = {
      p1: 123,
      p2: 456
    };
    
    Object.keys(obj) // ["p1", "p2"]
    

    Object.getOwnPropertyNames()

    Object.getOwnPropertyNames方法与Object.keys类似,也是接受一个对象作为参数,返回一个数组,包含了该对象自身的所有属性名。

    var obj = {
      p1: 123,
      p2: 456
    };
    
    Object.getOwnPropertyNames(obj) // ["p1", "p2"]
    

    对于一般的对象来说,Object.keys()和Object.getOwnPropertyNames()返回的结果是一样的。只有涉及不可枚举属性时,才会有不一样的结果。Object.keys()方法只返回可枚举的属性,Object.getOwnPropertyNames()方法还返回不可枚举的属性名。


    var a = ['Hello', 'World'];
    
    Object.keys(a) // ["0", "1"]
    Object.getOwnPropertyNames(a) // ["0", "1", "length"]
    

    上面代码中,数组的length属性是不可枚举的属性,所以只出现在Object.getOwnPropertyNames方法的返回结果中。

    由于 JavaScript 没有提供计算对象属性个数的方法,所以可以用这两个方法代替。

    var obj = {
      p1: 123,
      p2: 456
    };
    
    Object.keys(obj).length // 2
    Object.getOwnPropertyNames(obj).length // 2
    

    一般情况下,几乎总是使用Object.keys方法,遍历数组的属性。

    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()

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

    var obj = new Object();
    obj.valueOf() === obj // true
    

    上面代码比较obj.valueOf()与obj本身,两者是一样的。

    var obj = new Object();
    obj.valueOf = function () {
      return 2;
    };
    
    1 + obj // 3
    

    上述代码定义了obj对象的valueOf方法,于是1+obj就得到了3。这种方法就相当于用自定义的obj.valueOf,覆盖Object.prototype.valueOf。

    Object.prototype.toString()

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

    var o1 = new Object();
    o1.toString() // "[object Object]"
    
    var o2 = {a:1};
    o2.toString() // "[object Object]"
    

    上面代码表示,对于一个对象调用toString方法,会返回字符串[object Object],该字符串说明对象的类型。

    字符串[object Object]本身没有太大的用处,但是通过自定义toString方法,可以让对象在自动类型转换时,得到想要的字符串形式。

    var obj = new Object();
    
    obj.toString = function () {
      return 'hello';
    };
    
    obj + ' ' + 'world' // "hello world"
    

    上面代码表示,当对象用于字符串加法时,会自动调用toString方法。由于自定义了toString方法,所以返回字符串hello world。

    toSpring 判断数据类型

    Object.prototype.toString方法返回对象的类型字符串,因此可以用来判断一个值的类型。

    var obj = {};
    obj.toString() // "[object Object]"
    

    上面代码调用空对象的toSpring方法,结果返回一个字符串"[object Object]",其中第二个Object表示该值的构造函数。


    通过函数的call方法,可以在任意值上调用这个方法,帮助我们判断这个值的类型。

    Object.prototype.toString.call(value)
    

    上面代码表示对value这个值调用Object.prototype.toString方法。

    这就是说,Object.prototype.toString可以看出一个值到底是什么类型。

    Object.prototype.toString.call(2) // "[object Number]"
    Object.prototype.toString.call('') // "[object String]"
    Object.prototype.toString.call(true) // "[object Boolean]"
    Object.prototype.toString.call(undefined) // "[object Undefined]"
    Object.prototype.toString.call(null) // "[object Null]"
    Object.prototype.toString.call(Math) // "[object Math]"
    Object.prototype.toString.call({}) // "[object Object]"
    Object.prototype.toString.call([]) // "[object Array]"
    

    Object.prototype.toLocaleString()

    Object.prototype.toLocaleString方法与toString的返回结果相同,也是返回一个值的字符串形式。

    var obj = {};
    obj.toString(obj) // "[object Object]"
    obj.toLocaleString(obj) // "[object Object]"
    

    这个方法的主要作用是留出一个接口,让各种不同的对象实现自己版本的toLocaleString,用来返回针对某些地域的特定的值。目前,主要有三个对象自定义了toLocaleString方法。

    • Array.prototype.toLocaleString()
    • Number.prototype.toLocaleString()
    • Date.prototype.toLocaleString()

    举例来说,日期的实例对象的toString和toLocaleString返回值就不一样,而且toLocaleString的返回值跟用户设定的所在地域相关。

    var date = new Date();
    date.toString() // "Tue Jan 01 2018 12:01:33 GMT+0800 (CST)"
    date.toLocaleString() // "1/01/2018, 12:01:33 PM"
    

    Object.prototype.hasOwnProperty()

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

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

    上面代码中,对象obj自身具有p属性,所以返回true。toString属性是继承的,所以返回false。

    品牌vi设计公司http://www.maiqicn.com 办公资源网站大全https://www.wode007.com

    总结

    Object(对象)是在所有的编程语言中都十分重要的一个概念,对于事物我们可以把他们看作是一个对象,而每一个事物都有自己的表示的属性和对于某一信息作出的相应的操作。而这些东西就变成了事物的属性和方法。

  • 相关阅读:
    ubuntu将默认中文改成英文
    解决discuz模板插入jvascript脚本问题(Unexpected token <)
    解决discuz与jquery不兼容问题——下拉列表不能用(Uncaught TypeError: Cannot set property 'position' of undefined)
    wamp图标黄色的另一种可能原因
    解决$_REQUEST['name']Undefined问题
    $_SERVER 中重要的元素
    解决ashx文件下的Session“未将对象引用设置到对象的实例”
    远程桌面 虚拟打印 到本地打印机(虚拟化 终端 远程接入 RemoteApp)
    远程桌面 使用 本地输入法(虚拟化 终端 远程接入 RemoteApp)
    虚拟化 RemoteApp 远程接入 源码 免费
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/13696124.html
Copyright © 2020-2023  润新知