javascript中原型的理解(1)

要想成为一个中高级前端工程师，需要对原型等相关知识非常理解，这样才有助于自己封装查件，js运用的游刃有余，否则违前端一个。

A.基本概念

1.只要是函数就有prototype属性，就是（函数的）原型属性；

2. 函数的原型属性（prototype）是 对象类型（函数的原型属性===由该函数  new 出来的对象的 _ _proto_ _属性）。

3. 由 构造函数 创建出来的对象，会默认链接到其构造函数的这个属性（prototype）上,也就是继承函数原型属性。

  那么类似于java ,如果继承了某个类，当然就可以访问其父类，爷爷类，太爷类的属性和方法喽。

4.构造函数的 prototype 属性的作用就是：实现数据共享

function Person() {}
// prototype 
Person.prototype 即 原型
var p = new Person();
Person.prototype===p._ _ proto_ _

5.术语

F.prototype  原型属性
f.__proto__  原型对象

F.prototype 是 构造函数F的 原型属性
F.prototype 是 对象f的     原型对象

6.对构造函数改良

可以将一些公用的属性和方法，放在People.prototype中（以　People 为例子）

// 对象会到 与它联系的 prototype 中找数据  
// 可以考虑将共享的数据, 放到 里面
function Person(name) {
    this.name = name;
}
Person.prototype.sayHello = function() {
    alert(this.name);
};

var p = new Person();
p.sayHello();//与放在构造函数中效果一样，但是这样做好好很多，为啥会好，（具体参照《你不知道的javascript》)

B:在访问对象的某一个属性 (方法)的时候：

1 首先会在当前对象中查找有没有该属性
2 如果当前对象没有, 就会在构造方法的定义规则中查找(当前对象)
3 如果没有, 就会到与对象联系起来的 构造函数的 prototype 属性中找

	<script type="text/javascript">
		// 属性搜索原则
		// 1 首先在当前对象中查找属性，如果，就返回
		// 2 如果没有，就在构造函数中查找，如果，就返回
		// 3 如果没有，就在原型中
		/*var o = {name: "jim"};
		console.log(o.name);
		console.log(o.k);*/

		function Person() {
			this.name = "jim";//优先级次之  2
		}

		Person.prototype.name = "jerry";//优先级再次之 3

		var p = new Person;

		p.name = "tom";//优先级最高   1

		console.log(p.name);//如果没有语句1 ，就打印语句2 的内容，如果没有语句2 ，就打印语句3对应的
	</script>