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之中唯一一个处理对象属性时,不会遍历原型链的方法。