最简单的类
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();
原型链实现继承的问题