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

文章插图

推荐阅读