• 实例对象与 new 命令


    • 引用: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对象
  • 相关阅读:
    TypeScript 类型学习2
    TypeScript 类型学习4
    获取当前月份的前12个月份,获取上个月,获取本年度
    TypeScript 类型学习3
    TypeScript 类型学习1
    获取url的参数
    prettier 通用配置
    处理数字的保留位数
    echart React使用折线图
    antd tree渲染
  • 原文地址:https://www.cnblogs.com/cag2050/p/9709989.html
Copyright © 2020-2023  润新知