Js 函数与对象的区别及原生链的理解

一． Js 函数和对象的区别

function Test (word) {
console.log (word);
}

Var test1=Test(‘函数’);

Var test2=new Test(‘对象’);

alert(typeof(test1)));// undefined
alert(typeof(new test2 ()));//object

其实函数本身是一个对象，但它同时也是对象构造器，也就是说，可以new一个函数来返回一个对象。

二． 原型链

var base = {
name : “base”,
getInfo : function(){
return this.id+”======”+this.name;
}
};

var ext1 = {
id : 0,
_ _ proto_ _ : base
};

var ext2 = {
id : 9,
_ _ proto _ _ : base
};

console.log(ext1.id);//0
console.log(ext1.getInfo());//0=====base
console.log(ext2.id);//9
console.log(ext2.getInfo());//9=====base

这图片是什么意思呢？
当ext1和ext2调用getInfo时，先到实例当中去找这个函数，结果没找到。接着就到原型找，结果找到了，就执行这个函数。但是执行这个函数时：this代表什么呢？this的指向是谁？
在默认情况下，所有原型对象都会自动获得一个 constructor（构造函数）属性，这个属性包含一个指向 prototype 属性所在函数的指针。
那么显而易见，这个this就是指向他们各自对应的实例。
那你又想问，那this.name怎么解释呢？
你想呀，你的this是指向实例的，this先在实例当中找，没找到name,那么就到原型链中寻找。

当然，上面的图没话完整，想补全可以自己上百度搜搜 js原型链就行了。