<!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>
Es6里面的解析結構
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。