js之构造函数

构造函数

  • 构造函数就是一个普通的函数,创建方式和普通函数没有 区别,不同的是构造函数习惯首字母大写
  • 构造函数和普通函数的区别就是调用方式的不同
    普通函数就是直接调用,而构造函数就是使用new关键字
  • 构造函数的执行过程
    1、立刻创建一个新的对象
    2、将新建的对象设置为函数的this,在构造函数中可以使用this来引用新建的对象
    3、逐行执行函数的代码
    4、将新建的对象作为返回值返回
    在这里插入图片描述
  • 使用同一个构造函数创建的对象,称为一类对象,也将构造函数称为一个类
  • 将通过构造函数创建的对象,称为该类的实例
  • 使用instanceof可以检查一个对象是否是一个类的实例
    语法:
    对象 instanceof 构造函数
    如果是返回true,如果不是返回false

console.log(per instanceof Person); //用来检查对象是否是一个类的实例

  • 所有的对象都是Object的后代
    所以任何对象做instanceof检查时都会返回true

  • 当以调用函数的形式调用时,this就是window

  • 当以调用方法的形式调用时,谁调用的this就是谁

  • 当以构造函数的形式调用时,this就是新创建的那个对象
    在这里插入图片描述
    创建一个Person构造函数
    在Person构造函数中,为每一个对象都添加一个sayName()方法
    目前我们的方法都是在构造函数内部创建的
    也就是说函数每执行一次就会创建一个新的sayName()方法
    所有的实例sayName都是唯一的
    这样就导致函数每执行一次就创建一个新的方法, 而且方法都是一模一样
    这是完全没有必要的,完全可以使所有对象共享同一个方法

在这里插入图片描述
将方法在全局作用域中定义,这样不管函数执行多少次,方法只会创建一次

猜你喜欢

转载自blog.csdn.net/weixin_48769418/article/details/108279000
今日推荐