JavaScript中的对象

#创建一个对象

• 这是一个空对象

var person={};

• 创建一个有属性和方法的对象

var person={
	name:'张三',
	age:25,
	show:function(){
		aler("showing");
	}
}

这样的方式是手动的写出对象的内容来创建一个对象

点表示法

var person={name:"张三",age:26};
//使用点表示法来访问对象的属性
console.log(person.name);

括号表示法

var person={
	name:"张三",
	age:26
	};
//使用点表示法来访问对象的属性
console.log(person['name']);

对象做了字符串到值的映射，而数组做的是数字到值的映射

设置对象成员

通过点表示法更新对象成员的值

var person={
	name:'张三',
	age:26
}
console.log(person.name);
console.log(person.age);
person.name='李四';
person.age=32
console.log(person.name);
console.log(person.age);

设置对象成员，不仅仅可以设置已经声明过的属性，未声明过的属性同样可以设置

var person={
	name:'张三',
	age:26
}
person.show=function(){
	alert("show person:"+this.name);
}

通过括号表示法更新对象成员的值

var person={
	name:'张三',
	age:26
}
console.log(person['name']);
console.log(person['age']);
person['name']='李四';
person['age']=32
console.log(person['name']);
console.log(person['age']);

---

创建一个对象模板

使用手动创建对象属性的方式，有一个局限性，就是无法实例化多个对象。

构建函数

一个构建函数通常是大写字母开头，这样便于区分构建函数和普通函数。
构建函数只定义对象的属性和方法，构建函数不明确创建一个对象也没有返回值

function Person(name){
	this.name=name;
	this.show=function(){
		console.log("name:"+this.name);
	}
}

var person=new Person("张三");
person.show();
var person2=new Person("李四");
person2.show();

在上面的示例中，我们每次实例化一次Person对象，都会重新定义一次show方法，但其实这是没有必要的，因为每个对象都有相同的操作。
所以我们可以把只需要定义一次的方法定义在原型里

Object()构造函数

• 使用空构造函数

//使用Object创建对象，之后可以像使用其他的对象一样正常使用person对象了
var person = new Object();
person.name='张三';
person.age=26;

• 可以直接把对象传递给Object构造函数

var person = new Object({name:'张三',age:26});

Object.create()创建对象

JavaScript有个内嵌的方法create(), 它允许您基于现有对象创建新的对象。（这个方法有一个缺点，就是浏览器相对于构造函数来说支持得比较晚）

var person=new Object({name:'张三',age:26})
console.log(person.name+','+person.age);
var person2 = Object.create(person);
person2.name='李四';
person2.age=32;
console.log(person.name+','+person.age);
console.log(person2.name+','+person2.age);

this的含义

关键字"this"指向了当前代码运行时的对象

JS是基于原型的语言(prototype-based language)

JS中每个对象都拥有一个原型对象，对象以原型为模板、从原型继承方法和属性（原型也可以有原型）
对象继承的层次关系，称为原型链。原型链解释了为何一个对象会拥有定义在其他对象中的属性和方法，
准确地说，这些属性和方法定义在Object的构造器函数(constructor functions)之上的prototype属性上，而非对象实例本身。
在传统的 OOP 中，首先定义“类”，此后创建对象实例时，
类中定义的所有属性和方法都被复制到实例中。
在 JavaScript 中并不如此复制——而是在对象实例和它的构造器之间建立一个链接（它是__proto__属性，是从构造函数的prototype属性派生的），
之后通过上溯原型链，在构造器中找到这些属性和方法。

使用JavaScript中的原型

如下示例中，在原型中添加了一个属性，在对象中添加了一个属性

function testFunction(){
}
//添加一个属性到prototype中
testFunction.prototype.foo="pro_foo";
var testInstance =new testFunction();
//添加一个属性到对象中，该对象只属于该对象
testInstance.foo="obj_foo";
console.log(testInstance);

添加到对象中的属性仅只属于当前对象，而添加到原型中的属性，则属于每一个创建的对象。

在JavaScript中调用属性或者方法是，先在对象中查找，如果则找到则调用，如果未找到，则在prototype中查找。
要么找到并执行，要么找完整过原型链未找到，则返回undefined；

在不同的浏览器中 __proto__有可能就是prototype