问答
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是构造函数,相当于java里面的“类”的概念,
构造函数内部定义实例的属性和方法,
这些属性和方法是属于该类的所有实例的特征;
p是由构造函数Person构造出来的实例;
prototype是构造函数内部的原型对象,
该对象内部的属性和方法能够被实例所继承,
并且通常放置所有实例共享的属性和方法;
constructor是定义在构造函数原型对象prototype上的属性,
该属性被赋值该构造函数的函数名;
__proto__为实例对象的属性,其指向构造函数的原型对象prototype;
2.上例中,对对象 p可以这样调用 p.toString();toString
是哪里来的? 画出原型图?并解释什么是原型链。
1.实例p的toString()方法是继承自构造函数Object的原型对象里定义的toString方法;
首先实例p会寻找自己的toString方法,
如果没有找到则会继续去构造函数Person的prototype找toSting方法,
如果还是没有找到,就继续往构造函数Person.__proto__的prototype,即Object.prototype找toString方法,最终找到toString方法,
因此可以说实例p继承了来自构造构造函数Object.prototype的toString方法
2.而所谓的原型链就是:
实例的``__proto__``属性指向其构造函数的prototype,
而构造函数的``__proto__``属性又指向其构造函数的prototype,
由此形成一条层层继承的关系链;
3.对String做扩展,实现如下方式获取字符串中频率最高的字符
//todo....var str = 'ahbbccdeddddfg';
var ch = str.getMostOften();
console.log(ch);
//d , 因为d 出现了5次
String.prototype.getMostOften=function(){
var dict = {},
max = 0,
mostOftenChar;
for(var i=0;i<this.length;i++){
if(dict[this[i]]){
dict[this[i]]++
}else{
dict[this[i]] = 1;
}
}
for(var key in dict){
if(dict[key]>max){
max = dict[key];
mostOftenChar = key;
}
}
return 'mostOftenChar:'+' '+mostOftenChar+' ; '+'num:'+' '+max
}
var str = 'ahbbccdeddddfg';
var ch = str.getMostOften();
console.log(ch); //d , 因为d 出现了5次
4.instanceOf有什么作用?内部逻辑是如何实现的?
- instanceof 运算符与 typeof 运算符相似,用于识别正在处理的对象的类型。与 typeof 方法不同的是,instanceof 方法要求开发者明确地确认对象为某特定类型;
例如:
function Foo(){}
var foo = new Foo();
console.log(foo instanceof Foo)//true
- 内部逻辑是查看该对象的
__proto__
属性所指向的原型中的constructor
是否指向该构造函数,如果是则返回true,如果不是,则查看原型的__proto__
所指向的原型中的constructor是否指向该构造函数,如果是则返回true,如果不是则继续。依次递进,直到达到原生对象Object的原型,如果依然不符合,则返回false;
function instance_of(L, R) {//L 表示左表达式,R 表示右表达式
var O = R.prototype;// 取 R 的显示原型
L = L.__proto__;// 取 L 的隐式原型
while (true) {
if (L === null)
return false;
if (O === L)// 这里重点:当 O 严格等于 L 时,返回 true
return true;
L = L.__proto__;
}
}