五大规则
1. 所有的引用类型( 数组 对象 函数 ) 都是 具有对象特性即自由拓展属性 (除了 ”null“)意外
2. 所有的引用类型(数组 对象 函数 ) 都有一个 proto 属性属性值是一个普通的对象
3. 所有的函数 都有一个prototype 属性 ,属性值也是一个普通的对象
4. 所有的引用类型(数组 对象 函数),proto 属性值指向它的构造函数 ”prototype“ 属性值
5. 当试图得到一个对象的某个属性时,如果这个对象本身没有这个属性那么会去它的__proto__(即它的构造函数的prototype寻找)
示例
<script>
// 构造函数
function Foo(name , age){
this.name = name;
this.age = age;
this.class = "class-1";
return this; // 默认有这一行
}
var f = new Foo( "bobo" ,22); // 实例化对象
var a = {} 其实 是 var a = new Object();
var a = [] 其实 是 var a = new Array();
function Foo(){} 其实 是 var Foo = new Function();
使用instanceof 判断函数是否是一个变量的构造函数
如何判断一个变量是不是数组 : 用instanceof Array
// 二、原型规则和示例
// 原型规则是学习原型链的基础
1. 所有的引用类型( 数组 对象 函数 ) 都是 具有对象特性 即自由拓展属性 (除了 ”null“)意外
拓展性
var obj = {} ; a.age = 100;
var arr = [] ; b.a = 100;
function fn (){}
fn.a = 100;
2. 所有的引用类型(数组 对象 函数 ) 都有一个 proto 属性,属性值是一个普通的对象
// __proto__ 隐式类型
console.log(obj.__proto__);
console.log(arr.__proto__);
console.log(fn.__proto__);
3. 所有的函数 都有一个prototype 属性 ,属性值也是一个普通的对象
// prototype 显示类型
console.log( fn.prototype );
4. 所有的引用类型(数组 对象 函数),proto 属性值指向 它的构造函数 ”prototype“ 属性值
console.log( obj.__proto__ === Object.prototype)
5. 当试图得到一个对象的某个属性时,如果这个对象本身没有这个属性 那么会去它的__proto__(即它的构造函数的prototype寻找)
// 构造函数
function Foo(name , age ){
this.name = name ;
}
Foo.prototype.alertName = function(){
alert( this.name );
}
// 创建示例
var f = new Foo("zhangsan");
f.printName = function(){
console.log(this.name);
}
// 测试
f.printName();
f.alertName();
6. this
7. 循环对象自身的属性
var item ;
for( item in f ){
高级浏览器已经在 for in 中屏蔽了来自原型(prototype)的属性
但是这里建议大家还是加上这个判断
保证程序的健壮性
if( f.hasOwnProperty(item)){
console.log(item)
}
}
</script>