前言：什么是es6？ecmascript 6（简称es6）是javascript语言的下一代标准，已经在2015年6月正式发布了。其中相比较于es5新增了诸多的特性，并且es6可转换为es5的语法。->。
本系列学习随笔参考了阮一峰老师的。
我们在js中定义变量时，用var声明会出现这种情况：
console.log(a); //不会报错，输出为undefined var a=1;
这就是js的变量提升现象，当浏览器在解析函数时，会将var 声明的变量声明到函数的最前端，导致变量在声明之前使用不会报错，此时let关键字就解决了这个问题。let的作用域只在当前的代码块起作用。
console.log(a); //referenceerror:a is not defined let a=1;
由于let关键字作用只在当前代码块中起作用，所以不会受外部影响。
我要评论function n() {
let a = 1;
if (true) {
let a = 5;
}
console.log(a); // 输出1
};
{
var a=1;
var a=2;//无报错
}
{
let a=1;
let a=2;//uncaught syntaxerror: identifier 'a' has already been declared
}
const pi = 3.1415; pi = 3;//uncaught typeerror: assignment to constant variable.
其本质是对象所存储的内存地址不可变。
const pi={}
pi.num=3.14159;//不会报错
pi={num=3.14159};//vm1187:1 uncaught syntaxerror: identifier 'pi' has already been declared
const pi; // syntaxerror: missing initializer in const declaration
if (true) {
const pi = 3.14159;
}
console.log(pi); // uncaught referenceerror: pi is not defined
我们都知道，this关键字总是指向函数所在的当前对象，es6又新增super关键字，指向当前对象的原型对象。他有两种使用方式：
class parent {
constructor() {
console.log(11)
}
}
class child extends parent{
constructor() {
super();
}
}
let c = new child();//打印11
当做函数使用时，super()调用会生成一个空对象，作为context来调用父类的constructor，返回this对象，作为子类constructor的context继续调用构造函数。
const proto = {
foo: 'hello'
};
const obj = {
foo: 'world',
find() {
return super.foo;
}
};
object.setprototypeof(obj, proto);
obj.find() // "hello"
上面代码中，对象obj.find()方法之中，通过super.foo引用了原型对象proto的foo属性。
说到super与this的区别，我们就要先来看一下this关键字：
this关键字最终指向的是调用它的对象。我们可以看下面两个例子；
function getthis(){
console.log(this);
};
getthis();//打印出window对象。
为什么会这样呢。其实最后的调用我们也可以写成window.getthis();调用他的就是window对象。
如果不信的话我们可以再举个例子；
var getthis={
user:'me',
fn:function(){
console.log(this);
}
}
getthis.fn();//打印的就时getthis对象；
接下来我们再看一个this与super结合的例子就能理解了：
const proto = {
x: 'hello',
foo() {
console.log(this.x);
},
};
const obj = {
x: 'world',
foo() {
super.foo();
}
}
object.setprototypeof(obj, proto);
obj.foo()// "world"
上面代码中，super.foo指向原型对象proto的foo方法，但是绑定的this却还是当前对象obj，因此输出的就是world。
如对本文有疑问， 点击进行留言回复！！
网友评论