返回

JavaScript 高级程序设计第六章笔记,带口诀助记忆

前端


JavaScript 是当今最流行的编程语言之一,高级程序设计是许多公司的基础面试题,又是记忆难点。总是记了忘,忘了记。因此我总结了一套口诀,希望能帮助大家记忆创建对象和继承的方法。


创建对象

  1. let instance = new Constructor()

通过 newConstructor 函数创建对象 instance

  1. Object.create()

这个方法接受一个对象作为参数,返回一个新对象,这个新对象以传入的对象作为原型。


继承方法

  1. 原型链

JavaScript中的原型链是指对象之间的继承关系。每个对象都有一个 prototype 属性,该属性指向它的原型对象。原型对象也有一个 prototype 属性,依此类推。这个链条一直向上延伸,直到遇到 Object 对象,它没有 prototype 属性。

  1. 构造函数

构造函数是一个特殊的函数,用于创建和初始化对象。构造函数名首字母大写,而且没有返回值。

  1. extends 关键字

extends 关键字用于创建一个派生类,该派生类继承自父类。派生类可以使用父类的方法和属性,并且可以添加自己的方法和属性。


实例

现在让我们通过一个例子来理解这些概念。

//父类
function Person(name, age) {
  this.name = name;
  this.age = age;
}

//子类
function Student(name, age, grade) {
  // 调用父类构造函数,将 name 和 age 传递给父类构造函数
  Person.call(this, name, age);

  this.grade = grade;
}

//创建对象
const student = new Student('John', 20, 'A');

//访问属性和方法
console.log(student.name); // John
console.log(student.age); // 20
console.log(student.grade); // A

在这个例子中,Person 是父类,Student 是子类。Student 继承了 Person 的方法和属性,并且添加了自己的方法和属性。

口诀

为了帮助大家记忆这些概念,我总结了几句口诀:

  • 创建对象用 new 关键字,原型链上找方法。
  • 继承方法用 extends,父类属性全继承。
  • 构造函数名首字母大写,没有返回值。

希望这些口诀对大家有所帮助。