js 原型规则与示例

五大规则

1. 所有的引用类型( 数组 对象 函数 ) 都是 具有对象特性即自由拓展属性 （除了 ”null“）意外

2. 所有的引用类型（数组 对象 函数 ） 都有一个 proto 属性属性值是一个普通的对象

3. 所有的函数 都有一个prototype 属性 ，属性值也是一个普通的对象

4. 所有的引用类型（数组 对象 函数），proto 属性值指向它的构造函数 ”prototype“ 属性值

5. 当试图得到一个对象的某个属性时，如果这个对象本身没有这个属性那么会去它的__proto__(即它的构造函数的prototype寻找)

示例

<script>

	// 构造函数

	function Foo(name , age){

		this.name = name;
		this.age = age;
		this.class = "class-1";

		return this; // 默认有这一行
	}

	var f = new Foo( "bobo" ,22); // 实例化对象

	var a = {} 其实 是 var a = new Object();

	var a = [] 其实 是 var  a = new Array();

	function Foo(){} 其实 是 var  Foo = new Function();

	 使用instanceof 判断函数是否是一个变量的构造函数

	 如何判断一个变量是不是数组 ： 用instanceof Array

 // 二、原型规则和示例

 // 原型规则是学习原型链的基础

1. 所有的引用类型( 数组 对象 函数 ) 都是 具有对象特性 即自由拓展属性 （除了 ”null“）意外

	 拓展性
	 var obj = {} ; a.age = 100;
	 var arr = [] ; b.a = 100;
	 function fn (){}
	 fn.a = 100;

2. 所有的引用类型（数组 对象 函数 ） 都有一个 proto 属性，属性值是一个普通的对象

	 // __proto__ 隐式类型

	 console.log(obj.__proto__);
	 console.log(arr.__proto__);
	 console.log(fn.__proto__);

3. 所有的函数 都有一个prototype 属性 ，属性值也是一个普通的对象

	 // prototype 显示类型

	 console.log( fn.prototype );

4. 所有的引用类型（数组 对象 函数），proto 属性值指向 它的构造函数 ”prototype“ 属性值

	 console.log( obj.__proto__ === Object.prototype)

5. 当试图得到一个对象的某个属性时，如果这个对象本身没有这个属性 那么会去它的__proto__(即它的构造函数的prototype寻找)

	 // 构造函数

	 function Foo(name , age ){

	 	this.name = name ;
	 }

	 Foo.prototype.alertName = function(){

	 	alert( this.name );
	 }

	 // 创建示例

	 var f = new Foo("zhangsan");

	 f.printName = function(){

	 	console.log(this.name);
	 }

	 // 测试

	 f.printName();
	 f.alertName(); 

6. this

7. 循环对象自身的属性

	 var item ;

	 for( item in f ){

	 	高级浏览器已经在 for in 中屏蔽了来自原型(prototype)的属性

	 	但是这里建议大家还是加上这个判断

	 	保证程序的健壮性

	 	if( f.hasOwnProperty(item)){

	 		console.log(item)

	 	}
	 }

</script>