技術標籤：SpringBoot分散式專案學習JAVASCRIPT學習jsjavascript

基本語法

物件解構

<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>