<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>ES5面向对象</title> </head> <body> <script> function Test(name,age){//父类 this.name = name;//配置参数 this.age = age; } Test.getClassName = function(){//静态方法 return ‘Test‘; } Test.prototype.setName = function(name){//原型方法 this.name = name; } Test.prototype.setAge = function(age){//原型方法 this.age = age; } Object.defineProperties(Test.prototype,{//原型上添加或修改属性 info:{ get:function(){ return this.name + this.age; } }, job: { value: ‘前端工程师‘, configurable: false, writable: true, enumerable: true }, }); var t1 = new Test(‘Test‘,123); console.log(t1);//Test {name: "Test", age: 123} function NextTest(name,age,num){//子类 Test.call(this,name,age);//继承配置参数 this.num = num; } NextTest.__proto__ = Test;//继承静态方法 NextTest.prototype = Text.prototype;//继承原型方法 NextTest.prototype.setNum = function(num){//子类添加新的原型方法 this.num = num; } var n1 = new NextTest(‘NextText‘,111,123456789); console.log(n1);//NextTest {name: "NextText", age: 111, num: 123456789} </script> </body> </html>
原文：https://www.cnblogs.com/xingxingclassroom/p/10386972.html