typescript中prototype是什么 prototype指向什么

转载

mob6454cc777577 2024-01-25 22:45:37

文章标签 函数对象构造函数原型链 文章分类 TypeScript 前端开发

JS在设计之初根本没有类的概念（现在也没有）为了实现实例对象的属性和方法的共享，就给function对象设计流一个prototype的概念，prototype是函数对象上面预设的对象属性。
简单的说 JS是基于原型的语言，当我们调用一个对象的属性时，如果该对象没有该属性，JS解释器就会从对象的原型对象上去找该属性，如果原型上也没有该属性，就去找原型的原型直到最后返回null.这种属性查找的方式称为prototype chain.

在JS中原型也是一个对象通过原型可以实现对象的属性继承。JS对象都包含了一个[prototype]的内部属性，这个属性所对应的值就是该对象的原型。
[prototype]作为对象的内部属性是不能被直接访问的。所以为了方便查看一个对象的原型，firefox和chrome中提供了"proto"这个非标准的访问器。

prototype
prototype是函数对象上面预设的对象属性
1. JS中所有的东西都是对象,每个对象都有prototype这个属性，这个属性是一个对象（object）
2. JS中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object.prototype(就是说object是父类)
3. JS中构造函数和实例(对象)之间有微妙的关系，构造函数通过定义prototype来约定其实例的规格, 再通过 new 来构造出实例, 他们的作用就是生产对象。而构造函数(方法)本身又是方法(Function)的实例, 因此也可以查到它的__proto__(原型链)

看下面的代码：

var TestPrototype = function () { //定义了一个叫TestPrototype的函数对象（就像类一样）
    this.propA = 1; //定义了这个函数对象的属性：propA
    this.methodA = function() { //定义了这个函数对象的方法：methodA
        return this.propA; //返回当前对象的propA属性
    }
}

TestPrototype.prototype = { //定义这个函数对象的prototype属性 因为这个属性是预设的 所以不用提前声明
    methodB: function() { //在原型里面直接定义方法methodB
        return this.propA; 
    }
}

var objA = new TestPrototype(); // 新建一个TestPrototype实例

objA.methodA() // 调用methodA
objA.methodB() // 调用methodB

typescript中prototype是什么 prototype指向什么_构造函数