Merge pull request crazycodeboy#10 from NoPPT/master

D7

Author: NoPPT

React Native 每日一学/Readme.md

@@ -12,6 +12,7 @@
 4. [D4:React Native 函数的绑定 (2016-8-23)](#d4react-native-函数的绑定-2016-8-23)
 5. [D5:React Native setNativeProps使用 (2016-8-24)](#d5react-native-setnativeprops使用2016-8-24)
 6. [D6:ref属性不只是string（2016-8-25)](#d6ref属性不只是string2016-8-25)
+7. [D7:解构赋值（Destructuring assignment）(2016-8-26)](#d7解构赋值destructuring-assignment2016-8-26)
 
 ```
 模板： 
@@ -25,6 +26,95 @@ D1:标题 (日期)
 另外：记得在列表中添加链接 
 ```
 
+D7:解构赋值（[Destructuring assignment][0]）(2016-8-26)
+------
+解构赋值语法是JavaScript的一种表达式，可以方便的从数组或者对象中快速提取值赋给定义的变量。
+
+### 获取数组中的值
+从数组中获取值并赋值到变量中，变量的顺序与数组中对象顺序对应。
+
+```
+var foo = ["one", "two", "three", "four"];
+
+var [one, two, three] = foo;
+console.log(one); // "one"
+console.log(two); // "two"
+console.log(three); // "three"
+
+//如果你要忽略某些值，你可以按照下面的写法获取你想要的值
+var [first, , , last] = foo;
+console.log(first); // "one"
+console.log(last); // "four"
+
+//你也可以这样写
+var a, b; //先声明变量
+
+[a, b] = [1, 2];
+console.log(a); // 1
+console.log(b); // 2
+```
+
+如果没有从数组中的获取到值，你可以为变量设置一个默认值。
+
+```
+var a, b;
+
+[a=5, b=7] = [1];
+console.log(a); // 1
+console.log(b); // 7
+```
+
+通过解构赋值可以方便的交换两个变量的值。
+
+```
+var a = 1;
+var b = 3;
+
+[a, b] = [b, a];
+console.log(a); // 3
+console.log(b); // 1
+
+```
+
+### 获取对象的值
+从对象中获取对象属性的值，在声明变量的时候要与对象的属性名保持一致。
+
+```
+var o = {p: 42, q: true};
+var {p, q} = o;
+
+console.log(p); // 42
+console.log(q); // true
+
+//你也可以这样写
+var a, b;
+
+({a, b} = {a:1, b:2});
+
+console.log(a); // 1
+console.log(b); // 2
+```
+
+可以从一个对象中获取对象属性的值并赋值给与对象属性名不同的变量。
+
+```
+var o = {p: 42, q: true};
+var {p: foo, q: bar} = o;
+ 
+console.log(foo); // 42 
+console.log(bar); // true 
+```
+和获取数组中的值一样，从对象中获取属性的值也可以设置一个默认值。
+
+```
+var {a=10, b=5} = {a: 3};
+
+console.log(a); // 3
+console.log(b); // 5
+``` 
+
+
+
 D6:ref属性不只是string（2016-8-25)
 ----
 
@@ -232,3 +322,8 @@ import langsData from '../../../res/data/langs.json'
 @[How to fetch data from local JSON file on react native?](http://stackoverflow.com/questions/29452822/how-to-fetch-data-from-local-json-file-on-react-native)
 
 
+
+
+
+[0]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
+