<!DOCTYPE html>
<html>
<head>
<title>原型</title>
<meta charset = "utf-8">
</head>
<body>
<script type="text/javascript">
/*
//构造函数
function Obj(name,age){
this.name = name;
this.age = age;
this.run = function(){
return this.name + this.age;
}
}
var box = new Obj("小明", 20);
alert(box.run());
var box1 = new Obj("小红", 21);
alert(box1.run());
//原型的学习
function Box(){} //声明构造函数
Box.prototype.name = "小肖"; //在原型里面添加属性
Box.prototype.age = 17;
//Box.prototype.run = function{
// return this.name + this.age; 这一遍是自己打错了找半天才找出问题function后面少了括号重新打了一边在下面
//};
Box.prototype.run = function(){ //在原型里面添加方法
return this.name + this.age;
};
//var box = new Box();
//alert(box.name);
//alert(box.run());
var box = new Box();
var box1 = new Box();
alert (box.run == box1.run); //输出为true，说明该方法引用的位置一致
*/
//构造函数和原型一起使用
function Box(name,age){
this.name = name;
this.age = age;
};
Box.prototype.run = function(){ //在原型里面创建方法
return this.name + this.age;
}
//Box.prototype = {
// run:function(){ 这里是用字面量的方式创建
// return this.name + this.age;
// }
// }
var box1 = new Box("小明", 20); //不小心给分号打成中文状态下的的了
alert(box1.run()); //调用原型里面的方法
</script>
</body>
</html>