JavaScript构造函数与原型链关系解析

JavaScript类机制概述

在JavaScript语言体系中，并不存在传统面向对象语言中的class关键字概念，其类机制是通过构造函数（constructor）结合原型链（prototype）共同构建的。

构造函数特性解析

1. 构造函数（constructor）：用于在创建对象时进行初始化，通常与new关键字配合使用。

构造函数具备以下主要特征：

• 1、构造函数内部的this关键字指向当前正在创建的实例对象。
• 2、必须使用new关键字来实例化该对象。
• 3、按照规范，构造函数名称首字母应大写，以此与普通函数进行区分。
• 4、实例对象可以继承构造函数中定义的属性和方法，但同一类的不同实例之间无法共享这些属性。

原型对象的作用

2. 原型（prototype）：这是一个对象，主要用于实现对象的属性继承。在JavaScript中，对象通过__proto__属性指向其原型对象，可通过Object.__proto__进行访问。

3. 构造函数与原型之间的联系：

 <script>
  function Demo(){
       
   }
   var demo = new Demo()
   var data= demo.prototype = function(){
 
   }
   
   console.log(demo.__proto__)
   console.log(data.constructor )
   console.log(data.prototype.__proto__)
   console.log(demo.constructor.prototype)
   console.log(demo.constructor)
  输出：
  {constructor: ƒ}constructor: ƒ Demo()__proto__: Object
  ƒ Function() { [native code] }
  {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}
  {constructor: ƒ}
  ƒ Demo(){  }
</script>

通过上述代码运行结果可以观察到以下规律：

构造函数的__proto__属性指向原型对象； 原型的constructor属性指向构造函数Function； 原型的prototype.__proto__等于Object.__proto__； 实例的constructor.prototype指向原型； 实例的constructor指向构造函数

引用图例：

![1460000018155881][1]