//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"]);
es2015
最新推荐文章于 2022-03-04 15:32:28 发布