javaScript 面向对象-原形prototype

* 原型：非常重要

* 定义：原型就是函数对象的一个属性

* 作用：

* 利用原型，为函数对象增加属性和方法：

* 函数对象.原型.属性名 = 属性值；函数对象.原型.方法名 = function(){}

* 函数对象.原型 = {属性名：属性值,方法名:function(){}}

先增加属性和方法，再new对象

* 这种增加属性和方法的方式，并不是真正地增加到函数对象自身

* 当原型属性与自身属性同名时：

* 自身属性就覆盖了原型属性。可以不可以这样说？

* 真正地：自身属性与原型属性同时存在，自身属性的优先级要高于原型属性

* 利用自身属性重写原型属性

* 扩展内建对象

原型的作用

<script type="text/javascript">
function Hero(){
this.name = "javascript";
this.sayMe = function(){
alert("javascript");
}
}

// var hero = new Hero();

//利用原型属性，为函数对象增加属性和方法

//函数对象.原型.属性名 = 属性值
Hero.prototype.value = "HERO";

var hero = new Hero();

alert(hero.value);

// Hero.prototype.sayHero = function(){
// alert("HERO");
// }
//
// hero.sayHero();

/*
* * 先new对象，再增加属性和方法：无效
* * 先增加属性和方法，再new对象：有效
*/
// Hero.prototype = {
// value : "HERO",
// sayHero : function(){
// alert("HERO");
// }
// }
//
// var hero = new Hero();

alert(hero.value);

</script>

原型属性与自身属性同名

<script type="text/javascript">
// function Hero(){
// this.name = "javascript";
// }
//
// Hero.prototype.name = "jscript";
//
// var hero = new Hero();
//
//// alert(hero.name); //output javascript
//
// delete hero.name;
//
// alert(hero.name); //output

//定义空的函数对象
function Hero(){}

Hero.prototype.name = "javascript";

var hero = new Hero();

hero.name = "jscript";

alert(hero.name); //output javascript

delete hero.name;

</script>

扩展内建对象

<script type="text/javascript">
//为原型 Array对象增加一个判断的函数
Array.prototype.inArray = function(color){
//this指代Array对象
for(var i = 0, len = this.length; i < len; i++){
if(this[i] === color){
return true;
}
}
return false;
}

//定义一个Array对象
var a = ["red", "green", "blue"];

//测试
alert(a.inArray("red")); //true
alert(a.inArray("yellow")); //false

/*
* * javascript的内建对象，提供很多属性和方法
* * 不能满足所有的需求，所以自定义属性或方法
* * 通过原型，将自定义的方法，添加到了内建对象上
* * 可以调用自定义方法，像内建对象原生方法一样
*/

</script>