この記事の内容は JavaScript の継承の実装方法 (コード) についてです。必要な方は参考にしていただければ幸いです。
JS で継承を実装するには、次の方法が推奨されます。
function object(o) { function F() {} F.prototype = o; return new F(); } function inheritPrototype(subType, superType) { var newObj = object(superType.prototype); newObj.constructor = subType; subType.prototype = newObj; } function People() { this.cls = 'people'; } People.prototype.say = function(name) { name = name || this.cls; console.log('My class is '+ name); } function Student() { People.call(this); this.type = 'student'; } inheritPrototype(Student, People); Student.prototype.goToSchool = function() { console.log('I go to school every day.'); } // 测试 var stu = new Student(); console.log('class: ' + stu.cls); // class: people console.log('type: ' + stu.type); // type: student stu.say(); // My class is people stu.goToSchool (); // I go to school every day.
実際、JavaScript では、車輪を再発明する必要はありません。この方法は完璧ではありません。MDN の例:
// Shape - 父类(superclass) function Shape() { this.x = 0; this.y = 0; } // 父类的方法 Shape.prototype.move = function(x, y) { this.x += x; this.y += y; console.info('Shape moved.'); }; // Rectangle - 子类(subclass) function Rectangle() { Shape.call(this); // call super constructor. } // 子类续承父类 Rectangle.prototype = Object.create(Shape.prototype); Rectangle.prototype.constructor = Rectangle; var rect = new Rectangle(); console.log('Is rect an instance of Rectangle?', rect instanceof Rectangle); // true console.log('Is rect an instance of Shape?', rect instanceof Shape); // true rect.move(1, 1); // Outputs, 'Shape moved.'
複数のオブジェクトを継承したい場合は、混合メソッドを使用できます:
function MyClass() { SuperClass.call(this); OtherSuperClass.call(this); } // 继承一个类 MyClass.prototype = Object.create(SuperClass.prototype); // 混合其它 Object.assign(MyClass.prototype, OtherSuperClass.prototype); // 重新指定constructor MyClass.prototype.constructor = MyClass; MyClass.prototype.myMethod = function() { // do a thing };
おすすめ関連記事:
JavaScript でのこのキーワードの使用法 (コード付き)
jQuery はどのように弾幕を実装しますか?弾幕効果を実現するための jQuery コード
以上がJavaScriptで継承を実装する方法(コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。