• 引用: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对象

最新文章

  1. 关于Java中的继承和组合的一个错误使用的例子
  2. tar命令的使用
  3. 【转】Unity 之 移动设备的触控操作
  4. zw版【转发·台湾nvp系列Delphi例程】HALCON FillUpShape2
  5. 各个手机APP客户端内置浏览器useragent
  6. mysql 索引建立
  7. 优秀个人免费私有云OwnCloud 8.0终于发布 - 亮眼新功能初探简介
  8. Qt 学习之路 2(84):Repeater
  9. js-call、apply
  10. Spring Task每次都会调用两次的问题
  11. 【Unity3D与23种设计模式】建造者模式(Builder)
  12. 第一册:lesson 121.
  13. iOS 使用百度的人脸识别登录验证,解决认证失败不跳转界面连续认证,认证相似度对比
  14. CentOS7 64位安装mysql教程
  15. Builder搭建外置服务器
  16. Nginx详解十三:Nginx场景实践篇之防盗链
  17. python框架之Django(8)-CBV中添加装饰器
  18. 本地搭建ELK(elasticsearch, logstash, kibana)日志收集系统
  19. [echarts] 横纵数据散点图
  20. django项目一 登录注册

热门文章

  1. system v ipc的标识符ID
  2. netty ------------ 如果selector检测到一个channel可以读了
  3. UGUI动态绑定事件
  4. centos6.6安装hadoop-2.5.0(四、hadoop HA安装)
  5. ecmall 主从表的4种模型关系
  6. Spring Boot 揭秘与实战(四) 配置文件篇 - 有哪些很棒的特性
  7. React-Native 上拉加载下拉刷新
  8. Python之路,第十九篇:Python入门与基础19
  9. Dij_heap__前向星。
  10. render finished