JS对象创建方式补充
一、Object构造函数创建
1、字面量含义
字面量表示如何表达这个值,一般除去表达式,给变量赋值时,等号右边都可以认为是字面量。
字面量分为字符串字面量(string literal )、数组字面量(array literal)和
对象字面量(object literal),另外还有函数字面量(function literal)。
2、示例
var Person = new Object();
Person.name = 'xiaofan';
Person.age = 20;
//创建了Object引用类型的一个新实例,然后把实例保存在变量Person中
二、使用对象字面量表示法
var Person = {};//相当于var Person = new Object();
var Person = {
name:'xiaofan';
age:20;
}
JS原型、原型链
原型
原型的属性比较多,对象有”prototype”属性,函数对象有”prototype”属性,原型对象有”constructor”属性。
一、什么是原型
在JavaScript中,原型也是一个对象,通过原型可以实现对象的属性继承,JavaScript的对象中都包含了一个”[[Prototype]]”内部属性,这个属性所对应的就是该对象的原型。
“[[Prototype]]”作为对象的内部属性,是不能被直接访问的。所以为了方便查看一个对象的原型,Firefox和Chrome中提供了__proto__这个非标准(不是所有浏览器都支持)的访问器(ECMA引入了标准对象原型访问器”Object.getPrototype(object)”)。在JavaScript的原型对象中,还包含一个”constructor”属性,这个属性对应创建所有指向该原型的实例的构造函数
二、规则
在JavaScript中,每个函数 都有一个prototype属性,当一个函数被用作构造函数来创建实例时,这个函数的prototype属性值会被作为原型赋值给所有对象实例(也就是设置 实例的__proto__
属性),也就是说,所有实例的原型引用的是函数的prototype属性。(只有函数对象才会有这个属性!
)
new一个对象的过程
1. 首先创建空对象;
var obj = {};
2. 完成原型链的构建
将所创建对象的__proto__属性值设为构造函数的prototype的属性值,即指向构造函数的原型对象,设置新对象的constructor属性为构造函数的名称,设置新对象的__proto__属性指向构造函数的prototype对象;
obj.__proto__ = Person.prototype;
3.执行构造函数中的代码,构造函数中的this指向new出对象,关于call/apply使用
4. 返回对象,并赋给等号左边的变量
注意:若构造函数中返回this或返回值是基本类型(number、string、boolean、null、undefined)的值,则返回新实例对象;
若返回值是引用类型的值,则实际返回值为这个引用类型。
<script>
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.haha= function () {
return this.name + "哈哈哈"
}
var p1 = new Person("小范", 20);
alert(p1.haha())
</script>
原型链
因为每个对象和原型都有原型,对象的原型指向原型对象,
而父的原型又指向父的父,这种原型层层连接起来的就构成了原型链。
一、属性查找
当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止,到查找到达原型链的顶部(也就是 Object.prototype),如果仍然没有找到指定的属性,就会返回 undefined。
function Person(name, age){
this.name = name;
this.age = age;
}
Person.prototype.MaxNumber = 666666666;
Person.__proto__.MinNumber = 111111;
var will = new Person("xiaofan", 20);
console.log(xiaofan.MaxNumber); // 666666666
console.log(xiaofan.MinNumber); // undefined
“Person.prototype “对应的就是Person构造出来所有实例的原型,也就是说”Person.prototype “属于这些实例原型链的一部分,所以当这些实例进行属性查找时候,就会引用到”Person.prototype “中的属性。
二、对象创建方式影响原型链
var July = {
name: "xiaofan",
age: 20,
getInfo: function(){
console.log(this.name + " is " + this.age + " years old");
}
}
console.log(July.getInfo());
July对象的原型是”Object.prototype”也就是说对象的构建方式会影响原型链的形式。如图所示:
总结:
- 所有的对象都有__proto__属性,该属性对应该对象的原型.
- 所有的函数对象都有prototype属性,该属性的值会被赋值给该函数创建的对3. 象的_proto_属性.
- 所有的原型对象都有constructor属性,该属性对应创建所有指向该原型的实例的构造函数.
- 函数对象和原型对象通过prototype和constructor属性进行相互关联.