前端知识学习-es6基础

前端es6基础

<script>
    //传统写法
    let a=10,b=20,c=30;
    //es6写法
    let [m,k,j] = [100,200,300];
    console.log(a,b,c)
    console.log(m,k,j)

    let user = {"name": "louis","age": 21}

    let {name,age} = user
    console.log(name,age)
    //模版字符串
    //使用`符合可以实现自动换行
    let str = `hello,
     louis wang`
    // let str1 = "hello 
    // everyone "   会出现报错
     console.log(str)

     //在`符合里面使用表达式 获取变量的值
    let name1 = "louiswang"
    let age1 = 21
    let str2 = `欢迎欢迎${name1},他明年${age1+1}岁`
    console.log(str2)
    //在`里面调用方法
    function  printname (){
        return "wzq"
    }
    let str3 = `这个人名字叫${printname()}`
    console.log(str3)

    let name2 = "jane"
    let age2 = 22;

    let user2 = {name2,age2}
    console.log(user2)
    //方法  es6写法
    const person={
        sayhi(){
            console.log("hi")
        }
    }
    person.sayhi()

    const person2={
        sayhello(){
            console.log("hell0")
        }
    }
    person2.sayhello()

    //对象扩展运算符
    //对象拷贝
    let car = {"name":"宝马","age":20}
    let car1 = {...car}
    console.log(car1)
    //合并对象
    let car2 = {"rename":"奔驰","reage":22}
    let car3 = {...car1,...car2}
    console.log(car3)
    //箭头函数

    let f2 = {
        printname(a){
           return a
        }
    }

    console.log(f2.printname("hello"))

    let f3 = function(a){
        return a
    }
    console.log(f3("hhhhhhhhhhh"))

    var f4 = m => m
    console.log(f4("8886"))

    let f5 = (x,y) => x+y

    console.log(f5(12,39))


</script>

                   会在微信持续更新学习心得