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关系图解