1.this指向问题，es5和es6有什么区别呢？
答：
1）在es5中，始终要坚持一个原理：this永远指向最后调用它的那个对象，this永远指向最后调用它的那个对象，this永远指向最后调用它的那个对象。
2）在es6中，箭头函数是可以避免es5中使用的这个坑的。箭头函数的this始终指向函数定义时的this，而非执行时。箭头函数需要记着这句话：“箭头函数中没有 this 绑定，必须通过查找 作用域链 来决定其值，如果箭头函数被非箭头函数包含，则 this 绑定的是最近一层非箭头函数的 this，否则，this 为 undefined”。
3）再加一句：匿名函数的 this 永远指向 window。
2.如何改变this的指向？
答：1）使用箭头函数；2）在函数内部使用 var _this=this 将this赋值给变量，然后在内部使用_this 调用对象的属性；3）apply,call,bind函数。
3.apply,call,bind的区别？
答：这三个函数都是用来改变this指向的，例如：
let a = {
value: 1
}
function getValue(name, age) {
var value=5;
console.log(name);
console.log(age);
console.log(this);
console.log(this.value)
}
getValue('zhang',22); // zhang, 22 , window , undifined ;
getValue.call(a, 'yck', '24') //yck , 24 , a , 1
getValue.apply(a, ['yck', '24']) //yck , 24 , a , 1
var fn = getValue.bind(a,'yck','24');
fn(); //yck , 24 , a , 1
调用的方式不同，第一个参数都是要绑定的对象，除去第一个参数，call和bind 可以接收一个参数列表，apply 只接受一个参数数组。
返回类型不同，call和apply直接调用；bind返回一个function,需要调用执行。
4.简单说一下原型链？
答：1）每个函数都有 prototype 属性，除了 Function.prototype.bind()，该属性指向原型。
2）每个对象都有 _ proto _ 属性，指向了创建该对象的构造函数的原型。其实这个属性指向了 [[prototype]]，但是 [[prototype]]是内部属性，我们并不能访问到，所以使用 proto来访问。
3）对象可以通过 _ proto _ 来寻找不属于该对象的属性，_ proto _ 将对象连接起来组成了原型链。
5.为什么要使用闭包？
答：1）为了读取函数内部的变量；2）将创建的变量的值始终保持在内存中，以供本地环境使用。
6.javascript如何做继承？
答：
1）es5中通过prototype,将子类的原型设置成父类
function Super() {}
Super.prototype.getNumber = function() {
return 1
}
function Sub() {}
let s = new Sub()
Sub.prototype = Object.create(Super.prototype, {
constructor: {
value: Sub,
enumerable: false,
writable: true,
configurable: true
}
})
2）es6中，通过class 语法轻松解决这个问题
class MyDate extends Date {
test() {
return this.getTime()
}
}
let myDate = new MyDate()
myDate.test()
但是 ES6 不是所有浏览器都兼容，所以我们需要使用 Babel 来编译这段代码。
如果你使用编译过得代码调用 myDate.test()你会惊奇地发现出现了报错
因为在 JS 底层有限制，如果不是由 Date构造出来的实例的话，是不能调用 Date 里的函数的。所以这也侧面的说明了：ES6 中的 class 继承与 ES5 中的一般继承写法是不同的。
既然底层限制了实例必须由 Date 构造出来，那么我们可以改变下思路实现继承
function MyData() {
}
MyData.prototype.test = function () {
return this.getTime()
}
let d = new Date()
Object.setPrototypeOf(d, MyData.prototype)
Object.setPrototypeOf(MyData.prototype, Date.prototype)
以上继承实现思路：先创建父类实例 => 改变实例原先的 proto_转而连接到子类的 prototype=> 子类的 prototype 的 proto 改为父类的 prototype。
通过以上方法实现的继承就可以完美解决 JS 底层的这个限制
网友评论