Update tuple

Author: xcatliu

advanced/tuple.md

@@ -6,20 +6,51 @@
 
 定义一对值分别为 `string` 和 `number` 的元组：
 
+```ts
+let xcatliu: [string, number] = ['Xcat Liu', 25];
+```
+
+当然也可以先定义类型，后赋值：
+
 ```ts
 let xcatliu: [string, number];
 xcatliu = ['Xcat Liu', 25];
 ```
 
-当访问一个已知索引的元素，会得到正确的类型：
+当赋值或访问一个已知索引的元素时，会得到正确的类型：
 
 ```ts
 let xcatliu: [string, number];
-xcatliu = ['Xcat Liu', 25, 'http://xcatliu.com/'];
+xcatliu[0] = 'Xcat Liu';
+xcatliu[1] = 25;
+
+xcatliu[0].slice(1);
+xcatliu[1].toFixed(2);
+```
+
+即使只赋值其中一项也可以：
 
-xcatliu[1] = 26;
-console.log(xcatliu[0].split(' '));
-console.log(xcatliu[1].toFixed(2));
+```ts
+let xcatliu: [string, number];
+xcatliu[0] = 'Xcat Liu';
+```
+
+但是当直接对元组类型的变量进行初始化或者赋值的时候，需要提供所有元组类型中指定的项。
+
+```ts
+let xcatliu: [string, number] = ['Xcat Liu'];
+xcatliu[1] = 25;
+
+// index.ts(1,5): error TS2322: Type '[string]' is not assignable to type '[string, number]'.
+//   Property '1' is missing in type '[string]'.
+```
+
+```ts
+let xcatliu: [string, number];
+xcatliu = ['Xcat Liu'];
+
+// index.ts(2,1): error TS2322: Type '[string]' is not assignable to type '[string, number]'.
+//   Property '1' is missing in type '[string]'.
 ```
 
 ## 越界的元素
@@ -33,10 +64,11 @@ xcatliu = ['Xcat Liu', 25, 'http://xcatliu.com/'];
 
 ```ts
 let xcatliu: [string, number];
-xcatliu = ['Xcat Liu', 25, 'http://xcatliu.com/'];
+xcatliu = ['Xcat Liu', 25];
+xcatliu.push('http://xcatliu.com/');
 xcatliu.push(true);
 
-// index.ts(3,14): error TS2345: Argument of type 'boolean' is not assignable to parameter of type 'string | number'.
+// index.ts(4,14): error TS2345: Argument of type 'boolean' is not assignable to parameter of type 'string | number'.
 //   Type 'boolean' is not assignable to type 'number'.
 ```
 
@@ -51,11 +83,13 @@ console.log(xcatliu[2].slice(1));
 // index.ts(4,24): error TS2339: Property 'slice' does not exist on type 'string | number'.
 ```
 
-前面提到过，[如果一个值是联合类型，我们只能访问此联合类型的所有类型里共有的成员。](https://xcatliu.gitbooks.io/from-javascript-to-typescript/content/basics/basic-types.html#联合类型（Union+Types）)
+之前提到过，[如果一个值是联合类型，我们只能访问此联合类型的所有类型里共有的成员。](https://xcatliu.gitbooks.io/from-javascript-to-typescript/content/basics/basic-types.html#联合类型（Union+Types）)
 
-> Tip: 元组的概念来源于 [C#](https://msdn.microsoft.com/en-us/library/system.tuple(v=vs.110).aspx) 和 [Python](http://www.tutorialspoint.com/python/python_tuples.htm)。区别是，C# 和 Python 中的元组都是只读的。
+> Tip: 元组的概念来源于 [C#] 和 [Python](http://www.tutorialspoint.com/python/python_tuples.htm)。区别是，C# 和 Python 中的元组都是只读的。
 
 ## Links
 
 - [Handbook - Basic Types # Tuple](http://www.typescriptlang.org/docs/handbook/basic-types.html#tuple)
 - [中文手册 - 基础类型 # 元组 Tuple](https://zhongsp.gitbooks.io/typescript-handbook/content/doc/handbook/Basic%20Types.html#元组-tuple)
+
+[C#]: https://msdn.microsoft.com/en-us/library/system.tuple(v=vs.110).aspx

examples/playground/index.js

@@ -1,3 +1,4 @@
 var xcatliu;
-xcatliu = ['Xcat Liu', 25, 'http://xcatliu.com/'];
-console.log(xcatliu[2].slice(1));
+xcatliu = ['Xcat Liu', 25];
+xcatliu.push('http://xcatliu.com/');
+xcatliu.push(true);

examples/playground/index.ts

@@ -1,4 +1,4 @@
 let xcatliu: [string, number];
-xcatliu = ['Xcat Liu', 25, 'http://xcatliu.com/'];
-
-console.log(xcatliu[2].slice(1));
+xcatliu = ['Xcat Liu', 25];
+xcatliu.push('http://xcatliu.com/');
+xcatliu.push(true);