1. プロセス指向とオブジェクト指向
手順指向: 「プロセス」を核として、イベントの流れと順序を重視します。
オブジェクト指向: 「オブジェクト」を核として、出来事の役割と主体を強調します。
簡単な例として、ゾウを冷蔵庫に入れます。
-
プロセス指向: ステップ (プロセス) でのプログラミング -
冷蔵庫を開ける -
象を中に入れて -
冷蔵庫の電源を切ります
-
-
オブジェクト指向では、まず象と冷蔵庫という 2 つのオブジェクトを決定します。次に、それらの機能を決定します。象 - 冷蔵庫に何かを入れる - 開け、閉め、最後にこれら 2 つのオブジェクトの機能を呼び出して達成します。
効果に関しては:
プロセス指向のパフォーマンスが高いが、維持が容易ではない。単純なシステムに適しています。
オブジェクト指向であり、保守が容易で、再利用が容易で、拡張が容易で、より柔軟です。パフォーマンスはプロセス指向よりも低く、複雑なシステムに適しています。
2. クラスとオブジェクト
クラス: 抽象化されたオブジェクトの公開部分 (プロパティとメソッド)。
オブジェクト: 特定のもの。クラスを通じて具体的なオブジェクトをインスタンス化します。
たとえば、通常の犬 (吠えることも噛むこともできる) がクラスです。
あなたの犬はエルハであり、あなたの犬は特定のオブジェクトです。
エルハは犬の属性 (吠えたり噛んだりできる) を持ち、また独自の属性 (睡眠中にいびきをかく) もいくつか持っています。
面向对象三大特性:封装、继承和多态。
封装:把公共的部分封装起来,比如封装成 类。
继承:子类能够继承父类的属性和方法。
多态:同一操作作用于不同的对象,可以有不同的解释,产生不同的执行结果。比如:你的狗会汪汪叫,我的狗会呜呜叫。它们都会叫,但是表现不同。
3. ES6 类的代码实现
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
say() {
console.log(`我叫${this.name}, 今年${this.age}岁`);
}
}
const jack = new Person('Jack', 18);
jack.say(); // 我叫Jack, 今年18岁
// 子类继承父类
class Student extends Person {}
const jim = new Student('Jim', 19);
jim.say(); // 我叫Jim, 今年19岁
方法调用优先级:继承中,如果子类有个某个方法就先调用子类的,子类没有再调用父类的。
4. super 关键字
在子类中,使用 super 关键字可以调用父类的方法。
super()
调用父类的构造函数,super.say()
调用父类的普通函数。需要注意的是, super 必须在子类 this 前调用。 比如:
class Student extends Person {
constructor(name, age, score) {
this.score = score; // 正确的写法应该把super调用放在这句前面
super(name, age);
}
say() {
super.say();
console.log(`我考了${this.score}分`);
}
}
const jim = new Student('Jim', 19, 100);
jim.say();
就会报错:
5. 需要注意的点
类里面共有的属性和方法一定要加 this 使用。
构造器中的 this 指向当前实例对象。
类里面方法中的 this 指向这个方法的调用者(还是当前实例对象)。
本文由 mdnice 多平台发布