首页 > 代码库 > _protoype原型初识.
_protoype原型初识.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>_protoype原型</title>
<script type="text/javascript">
/*
* prototype的使用
一:prototype的介绍
功能:
返回对象原型的引用
格式:
class.prototype
简单使用
function Person(name){
this.name=name;
}
//可以为Person类下的所有对象添加一个‘age‘的属性或者一个叫‘eat‘的函数
var p3 = new Person("小金");
Person.prototype.age=30;
Person.prototype.eat=function(){
console.log("吃饭");
return this.name+":"+this.age;
};
var p1 = new Person(‘小木‘);
var p2 = new Person("小火");
alert(p1.eat());
alert(p2.eat());
alert(p3.eat());
注意点:
是Person.prototype.age=30;
不是Person.age=30;
Person.prototype.age=30;---->是为Person类下的"对象"添加age属性。对象.age
Person.age=30;------->是为Person类添加属性。是一个"静态"属性。 类.age
二:原理
当程序加载Person函数时,会为Person构造器创建Person原型对象,它们是独立存在的
。构造器中有一个prototype属性指向了原型对象,原型对象中有一个constructor属性指向构造器,当Person类的实例在使用一个不存在的属性时,会自动到Person构造器的原型对象中找。
function Person(name){
this.name=name;
}
var p1 = new Person(‘小木‘);
console.log(p1.constructor);
console.log(Person.prototype.constructor);
>>>p1.constructor:p1对象中没有constructor属性,所以会到Person构造器的原型对象中去找,原型对象中的constructor指向了Person构造器,所以最后返回了Person构造器
注意:
function Person(name){
this.name=name;
}
//可以为Person类下的所有对象添加一个‘age‘的属性或者一个叫‘eat‘的函数
var p3 = new Person("小金");
Person.prototype.age=30;
Person.prototype.eat=function(){
return this.name+":"+this.age;
};
var p1 = new Person(‘小木‘);
var p2 = new Person("小火");
p2.age=20; //------p2动态添加了一个age属性。
alert(p1.age+":"+p2.age);
//p1.age----》自己中找不到,所以去原型对象中找---->30
//p2.age----》现在自己中找,找不到才去原型对象中找---->20
三:原型继承:“所有类的父类都是object”,所有类的实例对象的父类是自己类的原型对象;
console.log(p1.toString());
p1对象中没有toString()方法----->原型对象中也没有toString方法---->object中有。
对象------>类的原型对象------->object;
(Person.prototype) = new Object();
产生一个疑问?
js中有重载和重写吗?
java中重载:方法名相同,参数个数不同。(子类)
java中重写:方法名,参数相同。方法实现改变。(子类)
function Person(name){
this.name=name;
}
这种叫做重写吗?
Person.prototype.toString=function(){
console.log(this.name);
};
var p1 = new Person(‘小木‘);
p1.toString();
function Person(name){
this.name=name;
}
这种叫做重载吗?
Person.prototype.toString=function(a,b){
console.log(this.name+a+b);
};
var p1 = new Person(‘小木‘);
p1.toString(2,3);
四:原型链!!!!!!!!(重要)
》》》先找自己---》类的原型对象-----》object《《《《
function Person(name){
this.name=name;
}
Object.prototype.age=30;
Object.prototype.eat=function(){
alert("吃饭了");
}
var p1 = new Person(‘小木‘);
alert(p1.age);
p1.eat();
练习一:扩展数组的功能:为每一个数组添加一个方法,可以查找某个元素所在的位置
Array.prototype.search=function(a){
var kaiguan = false;
for(var i=0;i<this.length;i++){
if(a==this[i]){
kaiguan=true;
}
}
return kaiguan? i :-1;
}
var arr=[0,1,2,3,4];
alert(arr.search(5));
练习二:扩展数字类的功能:
为每一个数字对象添加一个方法,该方法的参数为任意数目的整数,然后将所有参数
累加到一起并返回。
Number.prototype.max=function(){
var num=0;
for(var i=0;i<arguments.length;i++){
num+=arguments[i];
}
return num ?num :-1;
}
var a = new Number ();
alert(a.max());
alert(a.max(1,2,4,8,9));
*/
</script>
</head>
<body>
</body>
</html>
本文出自 “12897581” 博客,请务必保留此出处http://12907581.blog.51cto.com/12897581/1926867
_protoype原型初识.