构造函数、原型、原型链

一、如何准确判断一个变量是数组类型？

知识点：构造函数

• 函数名称以大写字母开头
• 所有的引用类型（对象、数组、函数）都有构造函数
• var a={ }其实是var a=new Object( )的语法糖
• var a=[ ]其实是var a=new Array( )的语法糖
• function Foo( ){ }其实是var Foo=new Function ( )

• 使用instanceof判断一个函数是否是一个变量的构造函数

  答案：
  用instanceof判断：变量 instanceof Array
  var arr=[ ];
  arr instanceof Array; //true
  typeof arr; //object , typeo是无法判断是否是数组的

二、描述new一个对象的过程

考察点：构造函数的问题

1. 创建一个对象
2. this指向这个新对象
3. 执行代码，即对this赋值
4. 返回this

三、原型和原型链

五条原型规则

1. 所有的引用类型（数组、对象、函数），都具有对象的特性，即可自由拓展属性（null除外）

2. 所有的引用类型,都有一个__proto__（隐式原型）属性，属性值都是一个普通的对象

3. 所有的函数都有一个prototype（显示原型）属性，属性值也是一个普通对象

4. 所有的引用类型，__proto__属性值指向它的构造函数的prototype属性值

5. 当试图得到一个对象的某个属性时，如果这个对象本身没有这个属性，那么会去它的__proto__(即它的构造函数的prototype)中寻找

举例://第一条，可自由拓展属性    var obj={ };obj.a=100;    var arr=[ ];arr.a=100;    function fn( ){ }; fn.a=100;//第二条，__proto__属性    console.log(obj.__proto__);    console.log( arr.__proto__);    console.log(fn.__proto__）;//第三条，函数有prototype属性    console.log(fn.prototype);//第四条，引用类型的__proto__属性值指向它构造函数的prototype的属性值    console.log(obj.__proto__===Object.prototype);    console.log(arr.__proto__===Array.prototype);    console.log(fn.__proto__===Function.prototype);//第五条，引用类型的__proto__属性值指向它的构造函数的prototype属性值    function Foo（name,age）{        this.name=name;    }    //对函数的prototype属性（显式原型）拓展alertName属性    Foo.prototype.alertName=function ( ){        alert(this.name);    }    var f=new Foo( '张三')；    f.printName=function ( ){         console.log( this.name);    }     //测试    f.printName( ) ; //f直接调用它的拓展printName属性    f.alertName( );  //f.本身没有alertName属性，所以去它的构造函数Foo的prototype里面找

四、写一个原型链继承的例子

原型链就是把原型连接在一起组成的链，那么为什么要把原型连接在一起呢？这就是继承啦，当你new一个对象，然后把另一个对象赋值给他的原型对象

function Person(){};function Niko(){};Niko.prototype = new Person();

这样，Niko就具有了Person的所有属性和方法

方便理解但不推荐面试时写的例子：

function Animal( ){    this.eat=function ( ){    console.log(' animal eat');    }}function Dog( ){    this.bark=function ( ){    console.log('dog bark');    }}Dog.prototype=new Animal( );  //实例化一个Animal对象给dog的显式原型prototype；var hashiqi=new Dog( );  //哈士奇有dog的属性也有animal的属性

比较实用原型链例子：

function Elem(id){    this.elem=document.getElementById(id)}Elem.prototype.html=function (val){    var elem=this.elem    if(val){        elem.innerHTML=val        return this    }else{        return elem.innerHTML    }}Elem.prototype.on=function(type,fn){    var elem=this.elem    elem.addEventListener(type,fn)}var div1=new Elem('div1')//console.log(div1.html())div1.html('<p>你好啊 世界<p/>')div1.on('click',function(){    alert('clicked')})