原型链

1. 有如下代码，解释Person、 prototype、__proto__、p、constructor之间的关联

function Person(name){
    this.name = name;
}
Person.prototype.sayName = function(){
    console.log('My name is :' + this.name);
}
var p = new Person("若愚")
p.sayName();

首先, Person是一个构造函数, 其中prototype是Person的原型对象, p是Person构造出来的实例, 拥有name属性, 属性值是传入的参数若愚, p拥有一个内部可以访问的属性[[prototype]], __proto__就是浏览器对这个属性的实现, 这个属性指向了Person构造函数的原型对象prototype, 其中sayName方法是定义在原型对象上的, 意味着构造出来的实例都拥有sayName这个方法, prototype里还有一个属性constructor, 这个属性指向了构造函数Person

2. 上例中，对象 p可以这样调用 p.toString()。toString是哪里来的? 画出原型图?并解释什么是原型链。
   

   2016-09-22_200059.png
   首先, 先解释一下原型链, JS是门面向对象的语言, 而面向对象的语言都有一个标志, 就是类, 通过类可以创建多个具有相同属性和方法的对象, 但是JS中没有类, JS中通过原型链实现继承, 在构造函数创建实例的时候, 实例对象内部的__proto__会指向构造函数的原型对象prototype, 通过这种方式, 实例就可以访问到原型对象上的属性和方法, 而__proto__是所有对象内部都存在的属性, 所以原型对象内部也存在__proto__, 指向的是构造函数的prototype, 在上面的例子中就指向Object.prototype, 那么就可以访问到上面的toStringd, valueOf等方法

3. 对String做扩展，实现如下方式获取字符串中频率最高的字符

String.prototype.getMostOften = function(){
    var str = this.toString()
    var lengthArr = []
    for (var i = 0; i < this.length; i++) {
        var r = new RegExp(this[i],'g')
        lengthArr.push(str.match(r).length)
    }
    var maxLength = Math.max.apply(null,lengthArr)
    var index = lengthArr.indexOf(maxLength)
    return this[index]
}
var str = 'ahbbccdeddddfg';
var ch = str.getMostOften();
console.log(ch); //d , 因为d 出现了5次

4. instanceof有什么作用？内部逻辑是如何实现的？
   instanceof可以判断一个对象是否是一个构造函数的实例, 内部通过递归判断对象的__proto__是否等于构造函数的原型来实现

function instanceOf(obj,func) {
    var proto = obj.__proto__
    if(proto === func.prototype) {
        return true
    } else {
        if (proto.__proto__) {
            return instanceOf(proto,func)
        } else {
            return false
        }
    }
}
instanceOf([],Object)//测试, 返回true
instanceOf([],String)//测试, 返回false