prototype补习1

<script type="text/javascript">
// 基本数据类型
// string, boolean, number --> String, Boolean, Number
// 只有这三种的字面量 "11", 12, true 是基本类型
// {}、/reg/、function(){}, [1, 2] 对象
// Date 只能通过new方式使用[只能是Date对象的方式使用]
// null, undefined : null []
// symbol



// 原型值存在于某个对象类型
// 当新建一个引用类型时，JS引擎对每个对象留有一个__proto__的属性引用
// 这个属性所指向的值就是该引用类型的原型引用
// var obj = {}; -> obj.__proto__ => Object.prototype
//
// function Person(){}
// var friend = new Person();
// 1. var o = {};
// 2. o.__proto__ = Person.prototype;
// 3. Person.apply(o, arguments); // 调用构造函数
// 4. return o;
// 对象只与构造器的原型有关，与构造器没有任何关系 *****
// 当new Person时，其实就是克隆Person.prototype的一个副本，用副本调用构造函数
// 引用数据类型


// Person.prototype => p:{} => {}.__proto__ = Object.prototype
// p: constructor : Person
// 某个函数的原型属性上的constructor是指包含该原型对象的函数



console.info("12".__proto__);
// 只有当基本数据类型进行[属性存储(属性和方法)]操作时，才会自动向上转型为包装对象
// "11".charAt() / "11"['length']
// 1. "11" -> var _str = new String("11") | String("11")    // 当String不是构造器方式调用时，只做数据类型转换   
// 2. _str.charAt();
// 3. delete  _str;

/* 
var t1 = true;
t1.name = "11";//会执行delete t1.name
console.info( t1 );//true
*/
// 但是， Object(''|1|true) 理解为 new String
// 对Object构造函数的解释
//  1. 传入的是string, boolean, number 转为包装类对象
//  2. 传入的是null|undefined 直接 new Object | {}
//  3. 传入的是对象，直接返回传入的对象


// t1.name => var t1obj = new Boolean(t1);

// t1obj.name = "11";

//delete t1Obje;

// t1

</script>

《-----------------------------------------------------------------》

<script type="text/javascript">
// 解析一下原型对象和构造器和对象之间的关系
function sayHello(){ console.info( this.age ); }
var age = 22;

function Person(name){
this.name = name;
}
Person.prototype.age = age;
Person.prototype.sayHello = sayHello;

var p1 = new Person('小妹');
// 函数 ： prototypePerson.prototype
// 对象 ：__proto__p1.__proto__

// Person.prototype = {};
// var p2 = new Person();

var obj = {
age : age,
sayHello : sayHello,
constructor : Person
};
var p3 = Object.create( obj );

//var p3=Object.create( Person.prototype);
// p3 = {}; p3.__proto__ = obj => Person.prototype -> {age, sayHello} ;
console.info(p3);
</script>

p1和p3关系图解