javascript之prototype

最新推荐文章于 2024-09-22 02:23:16 发布

liyeford

最新推荐文章于 2024-09-22 02:23:16 发布

阅读量258

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/liyeford/article/details/51332906

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function test( a,b){
return a*b;
}
console.log(test.length);
console.log(test.constructor);//构造器
console.log(test.prototype);//指向test函数但是是空的
//添加属性第一种通过构造器来添加
function pro(name,age){
this.name=name;
this.age=age;
this.say=function() {
return 'this is '+this.name+'--'+this.age;
};
}
//第二种通过原型proptype来添加属性
pro.prototype.job="js";
pro.prototype.raring=11;
//第二种太麻烦要一个个来添加就可以通过对象来一次实现
pro.prototype={
color1:'red',
getInfo:function(){
return '颜色'+this.color1;
}
}
var p1=new pro('xxx',122);
console.log(p1.age);
console.log(p1.say());
console.log(p1.getInfo());

</script>
</head>
<body>
</body>
</html>