实例对象与 new 命令

时间:2021-07-30 12:08:04
  • 引用:https://wangdoc.com/javascript/oop/new.html

  • JavaScript 语言的对象体系,不是基于“类”的,而是基于构造函数(constructor)和原型链(prototype)。

  • JavaScript 语言使用构造函数(constructor)作为对象的模板。所谓”构造函数”,就是专门用来生成实例对象的函数。它就是对象的模板,描述实例对象的基本结构。一个构造函数,可以生成多个实例对象,这些实例对象都有相同的结构。

  • 下面代码中,Vehicle就是构造函数。为了与普通函数区别,构造函数名字的第一个字母通常大写。

var Vehicle = function () {
this.price = 1000;
};
  • 构造函数的特点有两个:
  1. 函数体内部使用了this关键字,代表了所要生成的对象实例。
  2. 生成对象的时候,必须使用new命令。
  • new命令的作用,就是执行构造函数,返回一个实例对象。

  • 如果忘了使用new命令,直接调用构造函数会发生什么事?

    这种情况下,构造函数就变成了普通函数,并不会生成实例对象;

    this 这时代表全局对象。

  • 使用new命令时,它后面的函数依次执行下面的步骤:

  1. 创建一个空对象,作为将要返回的对象实例。
  2. 将这个空对象的原型,指向构造函数的prototype属性。
  3. 将这个空对象赋值给函数内部的this关键字。
  4. 开始执行构造函数内部的代码。
  • 也就是说,构造函数内部,this指的是一个新生成的空对象,所有针对this的操作,都会发生在这个空对象上。构造函数之所以叫“构造函数”,就是说这个函数的目的,就是操作一个空对象(即this对象),将其“构造”为需要的样子。

  • 如果构造函数内部有return语句,而且return后面跟着一个对象,new命令会返回return语句指定的对象;否则,就会不管return语句,返回this对象。

    如果构造函数的return语句返回一个数值。这时,new命令就会忽略这个return语句,返回“构造”后的this对象。

  • new命令总是返回一个对象,要么是实例对象,要么是return语句指定的对象。

  • 对普通函数(内部没有this关键字的函数)使用new命令,则会返回一个空对象( 原因:空对象赋值给函数内部的this,没有this语句赋属性,所以还是空对象)。

  • 构造函数返回值情况:

情况 new命令返回
没有return语句 返回“构造”后的this对象
return后面跟着一个对象 返回 return后面跟着的对象
return语句返回一个数值 new命令就会忽略这个return语句,返回“构造”后的this对象
return语句返回的是一个跟this无关的新对象 new命令会返回这个新对象,而不是this对象