正文
javascript的类、委托、事件
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
javascript中的类：
javascript中的类
function Person(name, age) {
this._name = name;
this._age = age;
//对应Name的Get,Set方法,这个和Java的属性写法很像。
this.getName = function() {
return this._name
};
this.setName = function(name) {
this._name = name;
}
//对应Age的Get,Set方法
this.getAge = function() {
return this._age;
}
this.setAge = function(age) {
this._age = age;
}
//显示Person的信息方法
this.show = function() {
alert("Name:" + this.getName() + "; Age:" + this.getAge());
}
} //空构造方法
var p1 = new Person();
p1.setName("Southsea");
p1.setAge();
p1.show(); //带参的构造方法
var p2 = new Person("Southsea", );
p2.show();
//注：Javascript中没有真正的方法重载
看起来很简单吧。
下面我们把Pererson类的show方法加一个参数，让它具有委托的功能。
委托
function Person(name, age) {
this._name = name;
this._age = age;
//对应Name的Get,Set方法,这个和Java的属性写法很像。
this.getName = function() {
return this._name
};
this.setName = function(name) {
this._name = name;
}
//对应Age的Get,Set方法
this.getAge = function() {
return this._age;
}
this.setAge = function(age) {
this._age = age;
}
//显示Person的信息方法
this.show = function(delegate) {
if (delegate) {
delegate(this);
}
}//只有这段与上面的不同。
} //订阅Person类的show
function showPerson(p) {
alert("Name:" + p.getName() + "; Age:" + p.getAge());
} var p = new Person("Southsea", );
p.show(showPerson); //别写成p.show(showPerson());哦
javascript中的事件
事件
function Person(name, age) {
this._name = name;
this._age = age;
//对应Name的Get,Set方法,这个和Java的属性写法很像。
this.getName = function() {
return this._name
};
this.setName = function(name) {
this._name = name;
}
//对应Age的Get,Set方法
this.getAge = function() {
return this._age;
}
this.setAge = function(age) {
this._age = age;
}
this.onShow = null;//加了onshow事件
//显示Person的信息方法
this.show = function() {
if (this.onShow) {
this.onShow(this);
}
}
} //订阅Person类的show
function showPerson(p) {
alert("Name:" + p.getName() + "; Age:" + p.getAge());
} var p = new Person("Southsea", );
p.onShow = showPerson; //千万别写成p.onShow = showPerson();
p.show();
委托和事件都看起来很简单吧。
javascript的动态类，它的格式是与JSON一样的。
动态类
var person = {
"Name": "Southsea",
"Age": , "show": function() {
alert("Name:" + person.Name + "; Age:" + person.Age);
}
};
person.show();
