vue浅析

适用在ECMscript 6里面

let和const

与之前的ES5.1相比，let真正意义的实现了块作用域的定义，并且不再支持重复赋值操作，会报错

const则用在对常量进行申明，一旦定义，值将不可改变

模板字符串操作：

可以通过反引号去拼接字符串，${}作为占位符使用

<script>

    let a=1;
    let b=2;
    let st=`这是模板输出${a}你怎么看${b}`;
    alert(st);
    console.log(st);
</script>

箭头函数：

 let pen = {
        name:"kevin",
        age:23,
        fav: function (x, y) {
            console.log(this);   //this指代的是使用时定义的对象  pen
            return x + y;
        }
    };
    pen.fav();


    let per = {
        name: "kevin",
        age: 23,
        fun: (x, y) => {
            console.log(this);  //定义时所使用的对象，指向window
　　　　　　　　　#console.log(arguments)　   //会报错
            return x + y;
        }
    };
    per.fun();

以上两种实现的效果都是一样的，下面是使用箭头函数去实现，return 可以省略掉

注意：箭头函数无法使用arguments会报错

 为了解决this无法使用的问题，提出了对象的单体模式：

func(){
            console.log(this)
        }

等价于：

fav: function (x, y) {
            console.log(this);   //this指代的是使用时定义的对象  pen
            return x + y;
        }

利用ES6的构造方法来实现伪类class 单体模式

class Animal{
        constructor(name,age){
            this.name=name;
            this.age=age;
        }
        ShowName(){
            console.log(this.name)
        }
    }
    let p=new Animal("kevin",23);
    p.ShowName();

 注意：单例模式和单例模式之间一定不要加符号分割