Object對(duì)象

chaosx110 發(fā)布于2019-08-20 18:55 / 861人閱讀

摘要：對(duì)象所有對(duì)象都繼承它，同時(shí)它還是一個(gè)構(gòu)造函數(shù)。等等的應(yīng)用第二個(gè)參數(shù)就是該對(duì)象的構(gòu)造函數(shù)如果對(duì)象重寫了函數(shù)那就使用去搞，會(huì)發(fā)現(xiàn)大部分構(gòu)造函數(shù)都重寫了方法

1. Object對(duì)象：

所有對(duì)象都繼承它，同時(shí)它還是一個(gè)構(gòu)造函數(shù)。

2. 構(gòu)造函數(shù)：

所有構(gòu)造函數(shù)都有一個(gè)prototype屬性，指向原型對(duì)象。凡是定義在Object.prototype對(duì)象上面的屬性和方法，將被所有實(shí)例對(duì)象共享。

3. 原型對(duì)象： 4. 構(gòu)造函數(shù)的方法：

Object.print1 = (o)=>{console.log(o);}
const o = new Object({a:1});
Object.print1(o);// {a:1}

5. 實(shí)例對(duì)象的方法：

Object.prototype.print2 = ()=>{// 這里使用了箭頭函數(shù)，使得this指向了window
  console.log(this);
}
Object.prototype.print3 = function(){// 實(shí)例對(duì)象繼承原型的所有屬性和方法
  console.log(this);
}
const o = new Object({a:1});
o.print2();// {}
o.print3();// {a:1}

6. 原始類型和包裝對(duì)象：三個(gè)包裝對(duì)象Number,String,Boolean

Object() // 返回一個(gè)空對(duì)象
Object() instanceof Object // true

Object(undefined) // 返回一個(gè)空對(duì)象
Object(undefined) instanceof Object // true

Object(null) // 返回一個(gè)空對(duì)象
Object(null) instanceof Object // true

Object(1) // 等同于 new Number(1)
Object(1) instanceof Object // true
Object(1) instanceof Number // true

Object("foo") // 等同于 new String("foo")
Object("foo") instanceof Object // true
Object("foo") instanceof String // true

Object(true) // 等同于 new Boolean(true)
Object(true) instanceof Object // true
Object(true) instanceof Boolean // true

7. 如果Object構(gòu)造函數(shù)的參數(shù)是一個(gè)對(duì)象，它總返回原對(duì)象

var arr = [];
Object(arr) // 返回原數(shù)組
Object(arr) === arr // true

var obj = {};
Object(obj) // 返回原對(duì)象
Object(obj) === obj // true

var fn = function () {};
Object(fn) // 返回原函數(shù)
Object(fn) === fn // true

利用它可以判斷變量是否為對(duì)象

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

isObject([]) // true
isObject(true) // false

8. 靜態(tài)方法：

Object本身的方法，前面說的構(gòu)造函數(shù)的方法，就是靜態(tài)方法。此外還有好多，如Object.keys()等。

9. 實(shí)例方法：Object.protoType上的方法。如

valueOf()：返回當(dāng)前對(duì)象對(duì)應(yīng)的值。
toString()：返回當(dāng)前對(duì)象對(duì)應(yīng)的字符串形式。
等等

10. toString的應(yīng)用：

const a = {a:1};
console.log(a.toString());//[object Object] 第二個(gè)參數(shù)就是該對(duì)象的構(gòu)造函數(shù)

如果a對(duì)象重寫了toString函數(shù)

const a = {
    a: 1,
    toString: function() {
        return this;
    }
};
console.log(a.toString());// { a: 1, toString: [Function: toString] }

那就使用Object.protoType.toString去搞，會(huì)發(fā)現(xiàn)大部分構(gòu)造函數(shù)都重寫了toString方法

const a = {
    a: 1,
    toString: function() {
        return this;
    }
};
console.log(1,a.toString());// 1 { a: 1, toString: [Function: toString] }
console.log(2,Object.prototype.toString.call(a));// 2 "[object Object]"

const b = "bbb";
console.log(3,b.toString());// 3 "bbb"
console.log(4,Object.prototype.toString.call(b));// 4 "[object String]"

const c = 23;
console.log(5,c.toString());// 5 "23"
console.log(6,Object.prototype.toString.call(c));// 6 "[object Number]"

const d = [];
console.log(7,d.toString());// 7 ""
console.log(8,Object.prototype.toString.call(d));// 8 "[object Array]"

const e = () => { a: 1 };
console.log(9,e.toString());// 9 "() => { a: 1 }"
console.log(10,Object.prototype.toString.call(e));// 10 "[object Function]"

const f = true;
console.log(11,f.toString());// 11 "true"
console.log(12,Object.prototype.toString.call(f));// 12 "[object Boolean]"