4.JavaScript基础——原型、原型链（有待补充）

一. 原型

• 我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype， 这个属性对应着一个对象，这个对象就是所谓的原型对象
• 如果函数作为普通函数调用，prototype没有任何作用
• 当以构造函数调用时：
  - 它所创建的对象中都会有一个隐含的属性( proto )指向该构造函数的原型对象
  - 我们可以通过 proto 来访问该属性 举例1
• 原型对象就相当于 一个公共区域， 所有同一类的实例都可以访问这个原型对象
  我们可以将对象中共有的内容， 统一设置到原型对象中
  语法：
  构造函数.prototype.属性/方法 = 值 举例2

自身对象和原型对象 举例2

• 当我们访问对象中的一个属性值或方法时，它会现在（自身对象）中寻找，如果有则 使用； 如果没有，则去（原型对象）中寻找，如果找到则使用
• 以后我们创建构造函数时，可以将这些共有的属性和方法，统一添加到原型对象中。这样不用分别为每一个对象添加，也不会影响全局作用域，就可以使每个对象都具有这些属性和方法。

代码举例

<script>
			// 举例1
			function Person(){
				
			}
			
			var per = new Person();
			
			console.log(per.__proto__);

		
			// 举例2
			function Person(){
						
			}
			// 向Person 原型对象中添加一个属性name
			Person.prototype.name = "张三"
			
			// 向Person 原型对象中添加一个方法
			Person.prototype.sayHello = function (){
				alert('hello');
			}
			
			var per = new Person();
			per.name = "ls";   // 自身对象
			
			console.log(per.name);
//			per.sayHello();


			// 举例2
			function Person(){
						
			}
			// 向Person 原型对象中添加一个属性name
			Person.prototype.name = "张三"
			
			// 向Person 原型对象中添加一个方法
			Person.prototype.sayHello = function (){
				alert('hello');
			}
			
			var per = new Person();
			per.name = "ls";   // 自身对象
			
			console.log(per.name);
//			per.sayHello();
</script>

---

二. 原型链

<script type="text/javascript">
			// 创建一个构造函数
			function Person(){
				
			}
			// 向Person的原型对象中添加一个name属性
			Person.prototype.name = '我是原型对象中的张三';
			
			var per = new Person();
//			console.log(per.name);

			// 使用in 检查对象中是否含有某个属性时， 如果对象中没有，但是原型对象中有，也会返回true
			
			// 使用 hasOwnProperty() 方法可以检查（自身对象）中是否含有该属性
			//   使用该方法只有当 自身对象 中含有该属性时， 才返回true
			console.log('name' in per)  // 返回true
			console.log(per.hasOwnProperty('name'))  // 返回false
			
			
			
		</script>