1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局( 二 )



    • 實例
let a = [1,2,3]let [b1,...b2] = aconsole.log(b1) //1console.log(b2) //[2,3]
  • 解構賦值失敗 , 變量值為undefined
    • 示例
let [e,f] = [1]console.log(e) //1console.log(f) //undefined
  • 防止解構失敗 , 給變量默認值
    • 示例
let [g,h=100] = [1]console.log(g) //1console.log(h) //1002)對象的解構賦值
  • 按順序將值賦值給對應的變量
    • 示例
let {foo,bar} = {foo:"111",bar:"222"};console.log(foo); //111console.log(bar); //222
  • 可以解構對象中的常量、方法
    • 示例
console.log(Math.PI) //3.141592653589793let {PI,sin}=Math //sin是Math中的方法,PI是Math中常量console.log(PI) //3.141592653589793console.log(sin(PI/2)) //1
  • 解構賦值失敗,則為undefined , 可設置默認值
    • 示例
let {x,y,z=5} = {x:1}console.log(x) //1console.log(y) //undefinedconsole.log(z) //5
  • 重新指定變量名稱
    • 示例
let {color} = {color:"blue"}console.log(color) //bluelet {color:sky} = {color:"blue"}console.log(sky) //blue;注意:前面的冒號是將color變量改為sky , 下次調用sky就能得到blue 。后面的冒號是color的值blue
  • 復雜對象的解構賦值
    • 示例
1 let {title,author:{name,age}} = {2     title:"新聞標題",3     author:{4         name:"張三",5         age:236     }7 }8 console.log(name) //張三9 console.log(age) //23
  • 對象解構賦值的應用

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖
3)字符串的解構賦值
1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖
3.ES6的函數3.1.設置默認值
1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖
3.2.對象中的函數簡寫
1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖
3.3.箭頭函數
1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖
4. ES6面向對象編程4.1.JS中的面向對象編程
1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

1 Python全棧工程師之從網頁搭建入門到Flask全棧項目實戰 - ES6標準入門和Flex布局

文章插圖

推薦閱讀