js之constructor属性/instanceof运算符/原型的理解

JS:

一.constructor属性

1.prototype对象有一个constructor属性，默认是指向prototype对象所在的构造函数。

例：

function P(){ }

P.prototype.constructor === P;//true

2.由于constructor属性定义在prototype对象上面，代表其可以被所有实例对象继承。

例：

function P(){ }

var p = new P();

p.constructor 等于 function P(){ }

p.constructor === P.prototype.constructor //true

p.hasOwnProperty(‘constructor’); //false p是构造函数P的实例对象，但是p自身没有contructor属性，该属性其实是读取原型链

上面的P.prototype.constructor属性。

3.通过constructor属性，可以从实例新建另一个实例。

例：

function Constr(){ }

var x = new Constr();

var y = new x.constructor();

y instanceof Constr

二：instanceof运算符

1.instanceof运算符返回一个布尔值，表示指定对象是否为某个构造函数的实例。

例：

var v = new Vehicle();

v instanceof Vehicle // 对象v是构造函数Vehicle的实例，所以返回true。

2.instanceof运算符的左边是实例对象，右边是构造函数。它会检查右边构建函数的原型对象，是否在左边对象的原型链上。因此，下面两种写法是等价的。

例：

v instanceof Vehicle

// 等同于

Vehicle.prototype.isPrototypeOf(v)

3.instanceof的原理是检查原型链，对于那些不存在原型链的对象，就无法判断。

例：

Object.create(null) instanceof Object // false

Object.create(null)返回的新对象的原型是null，即不存在原型，因此instanceof就认为该对象不是Object的实例。

三：Object

1.Object.getPrototypeOf方法返回一个对象的原型。这是获取原型对象的标准方法

例：

// 空对象的原型是Object.prototype

Object.getPrototypeOf({}) === Object.prototype

// true

// 函数的原型是Function.prototype
function f() {}
Object.getPrototypeOf(f) === Function.prototype
// true

// f 为 F 的实例对象，则 f 的原型是 F.prototype
var f = new F();
Object.getPrototypeOf(f) === F.prototype
// true

2.Object.setPrototypeOf方法可以为现有对象设置原型，返回一个新对象。

Object.setPrototypeOf方法接受两个参数，第一个是现有对象，第二个是原型对象。

例：

var a = {x: 1};

var b = Object.setPrototypeOf({}, a);

// 等同于

// var b = {proto: a};

b.x // 1

上面代码中，b对象是Object.setPrototypeOf方法返回的一个新对象。该对象本身为空、原型为a对象，所以b对象可以拿到a对象的所有属性和方法。b对象本身并没有x属性，但是 JavaScript 引擎找到它的原型对象a，然后读取a的x属性。

3.Object.create()

生成实例对象的常用方法，就是使用new命令，让构造函数返回一个实例。但是很多时候，只能拿到一个实例对象，它可能根本不是由构建函数生成的，那么能不能从一个实例对象，生成另一个实例 对象呢？

JavaScript 提供了Object.create方法，用来满足这种需求。该方法接受一个对象作为参数，然后以它为原型，返回一个实例对象。该实例完全继承继承原型对象的属性.

例：

// 原型对象

var A = {

print: function () {

console.log(‘hello’);

}

};

// 实例对象
var B = Object.create(A);
B.print() // hello
B.print === A.print // true

上面代码中，Object.create方法以A对象为原型，生成了B对象。B继承了A的所有属性和方法。这段代码等同于下面的代码。

var A = function () {};

A.prototype = {

print: function () {

console.log(‘hello’);

}

};

var B = new A();
B.print === A.prototype.print // true

实际上，Object.create方法可以用下面的代码代替。如果老式浏览器不支持Object.create方法，可以就用这段代码自己部署。

if (typeof Object.create !== ‘function’) {

Object.create = function (obj) {

function F() {}

F.prototype = obj;

return new F();

};

}

上面代码表明，Object.create方法的实质是新建一个构造函数F，然后让F.prototype属性指向参数对象obj，最后返回一个F的实例，从而实现让该实例继承obj的属性。

4.hasOwnProperty方法是JavaScript之中唯一一个处理对象属性时，不会遍历原型链的方法。