您的位置：首页 > 其它

面向对象，函数构造方法

2017-02-05 13:49 225 查看

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>面向对象，函数构造方法1</title>
</head>

<body>
</body>
<script>
/*(function(){}());将变量方法等搞成不同作用域，即封装某些代码块，后加()是为了可以执行*/
(function(){
var n="局部作用域的变量n";
function people(name,age,sex){//people类的构造函数
this.name=name;
this.age=age;
this.sex=sex;
}
people.prototype.n=n;
people.prototype.say=function(){
alert("people----say");
}
window.people=people;//赋值给window，全局才可以调用

}());

(function(){
function stu(name,age,sex){//stu类的构造函数
this.name=name;
this.age=age;
this.sex=sex;
}
stu.prototype=new people();//继承people类

var speple_say=stu.prototype.say;
people.prototype.say=function(){
speple_say.call(this);//子类调用父类的say（）
alert("stu----say");//重写父类say()
}
window.stu=stu;//赋值给window，全局才可以调用
}());

var p=new people('小明','12','男');
p.say();
alert(p.name+"  "+p.n);

var s=new stu();
s.say();
alert(s.n);
</script>

</html>

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>面向对象，函数构造方法2</title>
</head>

<body>
</body>
<script>
/*(function(){}());将变量方法等搞成不同作用域，后加()是为了可以执行*/
(function(){
var n="局部变量n";
function people(name){
var _this={};//声明_this变量是一个空对象
_this.name=name;
_this.say=function(){
alert("people----say---"+_this.name);
}
return _this;//个人觉得people更像是一个方法而不是类
}
window.people=people;
}());

function stu(name){
var _this=people(name);
var supersay=_this.say;
_this.say=function(){
supersay.call(_this);
alert("stu----say---"+_this.name);
}
return _this;
}

var s=stu('jick');
s.say();

</script>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航