TypeScript–es5中的类，继承，静态方法

共计 1164 个字符，预计需要花费 3 分钟才能阅读完成。

最简单的类
function Person() {
this.name = ‘lisi’;
this.age = 20;
}
var p = new Person();
alert(p.name);

构造函数和原型链里增加方法
function Person() {
this.name = ‘lisi’;
this.age = 20;
this.run = function() {
alert(this.name + ‘ 在运动 ’);
}
}
Person.prototype.sex = ‘ 男 ’;
Person.prototype.work = function() {
alert(this.name + ‘ 在工作 ’);
}

var p = new Person();
alert(p.name);
p.run();
p.work()

类里的静态方法
function Person() {
this.name = ‘lisi’;
this.age = 20;
this.run = function() {
alert(this.name + ‘ 在运动 ’);
}
}
Person.getInfo = function() {
alert(‘ 我是静态方法 ’)
}

Person.prototype.sex = ‘ 男 ’;
Person.prototype.work = function() {
alert(this.name + ‘ 在工作 ’);
}
var p = new Person();
// p.work();
Person.getInfo()

es5 里面的继承，对象冒充实现继承
只有一个弹框，说明没有继承到 prototype 上的方法
function Person() {
this.name = ‘lisi’;
this.age = 20;
this.run = function() {
alert(this.name + ‘ 在运动 ’);
}
}

Person.prototype.sex = ‘ 男 ’;
Person.prototype.work = function() {
alert(this.name + ‘ 在工作 ’);
}
//Web 类继承 Person 类
function Web() {
Person.call(this);
}
var w = new Web();
w.run();
w.work();

es5 里面的继承，原型链实现继承
function Person() {
this.name = ‘lisi’;
this.age = 20;
this.run = function() {
alert(this.name + ‘ 在运动 ’);
}
}

Person.prototype.sex = ‘ 男 ’;
Person.prototype.work = function() {
alert(this.name + ‘ 在工作 ’);
}
//Web 类继承 Person 类
function Web() {

}
Web.prototype = new Person();
var w = new Web();
w.run();
w.work();

原型链实现继承的问题