object prototype

总结

• 所有函数都有一个prototype属性，默认初始值为‘空’对象
• 可以在原型对象中添加新方法和属性，也可以用自定义对象替换原来原型对象
• 对象自身属性优先级高于其原型对象中的同名属性
• hasOwnProperty() 方法可以用来区分对象自身属性和原型属性

	
	function Photo(name, color) {
		this.name = name;
		this.color = color;
		this.whichPhoto = function() {
			return 'I am photo whose name is ' + this.name + 'and color is' + this.color;
		}
	}
	
	Photo.prototype.width = 10;  // 原型属性要加给原型函数而不是对象实体
	Photo.prototype.height = 10;
	Photo.prototype.area = function() {
		return 'It is area is' + this.width * this.height;	
		//或者  return 'It is area is' + Photo.prototype.width * Photo.prototype.height;
	};
	
	//或者用对象
	Photo.prototype = {
		width = 10，
		height = 10 //....
	}
	
	var p = new Photo('picture', 'red');
	p.name;		// 'picture'
	p.constructor === Photo; // true

``` 
#### `hasOwnProperty()` 方法可以用来区分对象自身属性和原型属性 ###
原型属性或属性不存在都为`falseS`
![object-prototype2](object-prototype/object-prototype2.png)

`for-in` 循环中`length` 属性和`constructor`属性不会显示
![object-prototype1](object-prototype/object-prototype1.png)

>
* 所有原型属性都不是可枚举的，`propertyIsEnumerable()` 都返回`false`，包括那些在`for-in 循环`中可枚举的属性
* 对于内建属性和方法，大多是不可枚举的
* 如果`propertyIsEnumerable()`调用的是来自原型链上的某个对象，那该对象的属性是可枚举的
![object-prototype3](object-prototype/object-prototype3.png) 

####  isPrototypeOf() //判断当前对象是否为另一个对象原型 ####

``` javascript

	var monkey = {
		feeds: 'bananas',
		breathes: 'air'
	};
	function Human(name) {
		this.name = name;
	}
	Human.prototype = monkey;
	var developer = new Human();
	developer.hacks = 'javascript';
	
	// isPrototypeOf() //判断当前对象是否为另一个对象原型,是 返回 true
	monkey.isPrototypeOf(developer);
	
	// __proto__ 与 prototype不等价，__proto__ 为某个对象实例的属性，prototype为构造函数属性
	// __proto__ 在IE浏览器是不存在的
	//Object.getPrototypeOf()获取原型对象，只有在符合`ES5`标准环境下使用
	Object.getPrototypeOf(developer) === monkey;
	Object.getPrototypeOf(developer).feeds;
	developer.__proto__ === monkey;

proto 与 prototype不等价，proto 为某个对象实例的属性，prototype为构造函数属性 proto 在IE浏览器是不存在的
** Object.getPrototypeOf()获取原型对象，只有在符合ES5标准环境下使用

扩展内建对象

如果想通过原型为某内建对象添加一个新属性，最好先检查该属性是否存在