zoukankan      html  css  js  c++  java
  • Es6里面的解析结构

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    </head>
    <body>
    <h1>数组以序列号一一对应,这是一个有序的对应关系</h1>
    <h1>而对象根据属性名一一对应,这是一个无序的对应关系</h1>
    <script type="text/javascript">
    // 首先有这么一个对象
    const props = {
    userName: 'button',
    loading: false,
    clicks: true,
    disabled: 'disabled'
    }
    //当我们想要取得其中的2个值:loading与clicked时:
    // es5
    var loading = props.loading;
    var click = props.clicks;
    console.log(loading)
    console.log(clicks)
    //es6
    const { loading, clicks } = props;
    // 给一个默认值,当props对象中找不到loading时,loading就等于该默认值
    const { loading = false, clicks } = props;

    例子
    // 比如
    // section1
    import React, { Component } from 'react';
    // section2
    export { default } from './Button';
    // section3
    const { click, loading } = this.props;
    const { isCheck } = this.state;
    </script>
    </body>
    </html>

  • 相关阅读:
    Python3 文件
    Python 字典
    Python OS
    Python函数zip-map
    Python 3.5 filter
    python3.5.2库getpass
    JavaScript学习四
    cocos creator学习
    JavaScript学习三
    JavaScript学习3
  • 原文地址:https://www.cnblogs.com/lhl66/p/7058505.html
Copyright © 2011-2022 走看看