top4_ES6(中)web全栈进阶

# 字符串
1.多了兩個新方法
    startsWith
    endsWith
2.字符串模版
    字符串链接
        i.直接把东西塞到字符串里面          ${东西}
        ii.可以折行
------------------------------------------------------------- 

<script>
    let str = 'https://www.baidu.com';
    if(str.startsWith('http://')){
        alert('普通网址')
    }else if(str.startsWith('git://')){
        alert('git网址')
    }else if(str.startsWith('https://')){
        alert('加密网址')
    }
    alert(str.startsWith('s'));
</script>

<script>
    let str = '1.txt';
    if(str.startsWith('http://')){
        alert('文本文件')
    }else if(str.startsWith('.jpg')){
        alert('.jpg文件')
    }else {
        alert('其他文件')
    }
    alert(str.endsWith('s'));
</script>

ES6的面向对象
1.class关键字、构造器和类分开了
2.class里面直接加方法

继承：
    i.super --- 超类==父类

<script>
    class User{
        constructor(name,pass){
            this.name = name;
            this.pass = pass;
        }
        showName(){
            alert(this.name)
        }
        showPass(){
            alert(this.pass)
        }
    }

    var ul = new User('AnAn','123');
    ul.showName();
    ul.showPass();
</script>

<script>
    class User{
        constructor(name,pass){
            this.name = name;
            this.pass = pass;
        }
        showName(){
            alert(this.name)
        }
        showPass(){
            alert(this.pass)
        }
    }
   class VipUser extends User{
        constructor(name,pass,level){
            super(name,pass);
            this.level = level
        }
        showLevel(){
            alert(this.level);
        }
   }
    var vl = new VipUser('AnAn','123',3);
    vl.showName();
    vl.showPass();
    vl.showLevel();
</script>