理解JavaScript的构造函数

帮助理解JavaScript的构造函数

创建从某个共享原型派生的对象的更方便的方法是使用构造函数

在 JavaScript 中,调用前面带有new关键字的函数会将其视为构造函数

构造函数将其this变量绑定到一个新对象,除非它显式返回另一个对象值,否则此新对象将从调用中返回

用new创建的对象被称为是其构造函数的实例

约定将构造函数的名称大写,以便于与其他函数区分开

function Cat(type) {
    this.type = type;
}

let cuteCat = new Cat("cute");
let whiteCat = new Cat("white");
console.log(whiteCat.type);

输出:

white

— 默认情况下,构造函数具有Object.prototype

构造函数(实际上是所有函数)会自动获取一个名为prototype的属性,默认情况下,该属性包含一个从Object.prototype派生的普通空对象

使用此构造函数创建的每个实例都将此对象作为其原型

function Cat(type) {
  this.type = type;
}
let whiteCat= new Cat("白色");
Cat.prototype.speak = function(line) {
  console.log(`${this.type}的小猫说:${line}` );
};
whiteCat.speak("喵喵!");

输出:

白色的小猫说:喵喵!
  • 发表于 2020-09-19 18:01
  • 阅读 ( 25 )
  • 分类:前端开发

0 条评论

请先 登录 后评论
库库巴
库库巴

56 篇文章

作家榜 »

  1. 库库巴 56 文章
  2. 素质教育的漏网之鱼 39 文章
  3. 特效搬运工 31 文章
  4. 噢嚯 3 文章
  5. admin 1 文章
  6. 手机用户7182 0 文章
  7. Axizs 0 文章
  8. 哄哄 0 文章