JavaScript的核心补充

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”也就是说对象的构建方式会影响原型链的形式。如图所示：

总结：

1. 所有的对象都有__proto__属性，该属性对应该对象的原型.
2. 所有的函数对象都有prototype属性，该属性的值会被赋值给该函数创建的对3. 象的_proto_属性.
3. 所有的原型对象都有constructor属性，该属性对应创建所有指向该原型的实例的构造函数.
4. 函数对象和原型对象通过prototype和constructor属性进行相互关联.