口试前端基本必备

js中的this call apply bind

var a = {
a: 'haha',
getA: function () {
console.log(this.a);
}
};
var b = {
a: 'hello'
};
var getA = a.getA;
var getA2 = getA.bind(a);
function run (fn) {
fn();
}
//一下离别输出
a.getA();//haha
//this指向当前挪用函数的对象a
getA();//a 对象
//当前的this指向全局this,平常碰到如许的函数挪用，fn（）=this.fn()，当前this指向全局
run(a.getA);//a 对象
//这里 fn = a.getA = a对象中getA这个函数，fn（）this指向全局。所以 a对象
getA2.call(b);// 'haha'
//call（b）幌子。getA.bind(a) 'haha'


原型

function clone(obj) {
//完成
}
var a = {name:'a'};
var b = clone(a);
//完美完成中部份，让一下代码建立
console.log(b.name)//'a'
a.name = 'a1';
console.log(b.name)//'a1'
b.name = 'b';
console.log(b.name)//'b'
console.log(a.name)//'a1'
a.name = 'a2';
console.log(b.name)//'b'
//当b没有值时，b的值是a的值，当b被赋值，ab的值互不影响
第一种答案
function clone(obj){
return Object.create(obj);
}
第二种答案
function clone(obj){
function fn(){};
fn.prototype = obj
return new fn();
}
第三种答案
function clone(obj) {
var ret = {};
ret.__proto__ = obj;//__proto__并非一切浏览器都支撑
return ret;
}