es2015

//1.let 只在作用域内有效
let name = "a";

function fn() {
  let name = "b";
  console.log(name); //b
}

fn();
console.log(name); //a

//2.const 用来声明常量，一但声明就无法改变
const a = "a";
//a = "b";
console.log(a);


//3.class 类
//constructor内 this实例对象的方法
//constructor外 就是prototype方法
class Person {
  constructor() {
    this.type = "person";
  };
  say(says) {
    console.log(this.type + ":" + says);
  }
}
let per = new Person();
per.say("hello");

//4.继承
//super指代父类的实例
class Ren extends Person {
  constructor() {
    super();
    this.type = "ren";
  }
}
let ren = new Ren();
ren.say("hello");

//5.箭头函数 用()=>{} 替代callback里的 function(){}
//而且箭头函数本身不存在自己的this 所以在构造函数中不用再定义var this = _this 去调用
function jt(fn) {
  fn();
}
jt(() => {
  console.log("jt");
})

//6.模板字符串 用``符号来表示模板字符串  ${}来引用变量
let data = "123456";
let temp = `<p>${data}</p>`;
console.log(temp);

//7.解构 从数组和对象中取值，进行重新赋值的语法糖
let cat = "ken"
let dog = "lili"
let zoo = {cat,dog}
console.log(zoo);
//除了属性可以简写，方法也可以简写
let fnn = {
  test(){
    return "test";
  }
}
//等同于
// var o = {
//   test:function(){
//     return "test";
//   }
// }


let man = {type:"person",age:20};
let {type,age} = man;
console.log(type,age);

//8.默认参数
//8.1 
function defaultArg(type = "cat"){
  console.log(type);
}
defaultArg();
//8.2 相当于调用arguments
function moreArg(...types){
  console.log(types);
}
moreArg(["a","b","c","d"]);