js基本语法

基本语法

对象解构

<script>
    //定义对象
    let user = {"name":"lucy","age":20}

    //传统从对象里面获取值
    let name1 = user.name
    let age1 = user.age
    console.log(name1+"=="+age1)

    //es6获取对象值
    let {name,age} = user
    console.log(name+"**"+age)

</script>

`符号

<script>
    //1 使用`符号实现换行
    let str1 = `hello,
        es6 demo up!`
    console.log(str1)

    //2 在`符号里面使用表达式获取变量值
    let name = "Mike"
    let age = 20

    let str2 = `hello,${name},age is ${age+1}`
    console.log(str2)

    //3 在`符号调用方法
    function f1() {
        return "hello f1"
    }

    let str3 = `demo, ${f1()}`
    console.log(str3)
</script>

…运算符

<script>
     //1 对象复制
     let person1 = {"name":"lucy","age":20}
     let person2 = {...person1}
     //console.log(person2)   //Uncaught SyntaxError: Unexpected token ...(原因不兼容，浏览器版本太低)

     //2 对象合并
     let name = {name:'mary'}
     let age = {age:30}
     let p2 = {...name,...age}
     console.log(p2)
</script>

箭头函数

<script>
    //1 传统方式创建方法
    //参数 => 函数体
    var f1 = function(m) {
        return m
    }
    //console.log(f1(2))

    //使用箭头函数改造
    var f2 = m => m
   // console.log(f2(8))

   //2 复杂一点方法
   var f3 = function(a,b) {
       return a+b
   }
   //console.log(f3(1,2))

   //箭头函数简化
   var f4 = (a,b) => a+b
   console.log(f4(2,2))
</script>