js继承

2021-03-20

字数统计: 535字 | 阅读时长≈ 2分

一、原型对象、实例、原型链

var M = function () {
  this.name = "123";
}; //ƒ (){this.name='123'}
var a1 = new M(); //M {name: "123"}
console.log(a1.name); //123

构造函数：现在 M 就是构造函数。任何一个函数被 new 使用后，就是构造函数，没被 new 使用过的就是普通函数。（new 后面的函数就是构造函数）

实例对象：现在 a1 就叫实例，js 中，被 new 出来的对象都叫做实例对象，也叫实例，（所以实例都是对象，对象不一定是实例）

原型对象：现在 M.protoype 就是原型对象，任何一个函数都有 prototype 属性，这个属性是声明函数时 js 自动加的，prototype 初始时是一个空对象，这个对象就叫原型对象

构造函数：(例子中 M) new 出来的东西就叫实例，
prototype 属性就叫原型对象
原型对象 (M.prototype) 中的 constructor 等于构造函数，
M.prototype.constructor===M // true
实例（a1）的 __proto__ 属性就是构造函数(M)的 prototype
a1.__proto__ === M.prototype //ture

要查一个实例对象中的值时，首先通过本身的proto属性找到他的原型对象，然后再通过他的原型对象的proto找到他的原型对象，一直找，递归访问proto最终到头，并且值是 null，这个过程从头到结束就叫原型链。找到了就返回值，找不到就返回 undefind

还有一个比较重要的，不止构造函数有__proto 属性，普通函数也有，因为普通函数是 Function 的实例。

var M3 = function () {
  this.n = 1;
};

M3.__proto__.constructor === Function; //true

创建对象的 3 种方法：

//自变量创建，通过原型链指向Object
var o1 = { name: 123 };
var o2 = new Object({ name: 123 });
//构造函数创建

var M = function (name) {
  this.name = name;
};
var o2 = new M(123);
//注意，如果 M 不需要入参可以写成
var M = function () {
  this.name = 123;
};
var o2 = new M();
//object.create()给参数中这个对象，作为一个新对象的原型对象，赋值给o4
var p = { name: 123 };
var o4 = object.create(p);

本文作者： 不想
本文链接： https://evacat.top/2021/03/20/原型对象、实例、原型链/
版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！