【前端】-TypeScript简介

【前言】  

   最近小编在学习一些前端的知识，其中就用到了TypeScript，TypeScript在拼写上就和我们平常用的JavaScript相似，那么它和JavaScript之间有什么联系吗？接下来就给大家介绍一下关于TypeScript的一些知识.

【优势】

    在正式开始学习TypeScript之前，我们先来看看为什么我们要学TypeScript。

  1、支持ES6规范

  2、强大的IDE支持

  3、支持Angular2.0框架

【环境配置和安装】

    如果你只是为了简单的了解一些typescript的一些新的特性，我建议直接用在线的typescript编辑器，我是地址。

    如果你想用typescript开发，那就开始我们的安装过程吧。获取typescript有两种主要的方式：

      1、通过npm（Node.js包管理器）
      2、安装TypeScript的Visual Studio插件

  Visual Studio2015和Visual Studio 2013 Update 2默认包含了TypeScript。如果你没有安装包含TypeScript的Visual Studio ，你仍然可以下载。

 使用npm的开发者:

    在《jenkins+gulp持续集成环境搭建01》里面我们就介绍了怎么去安装nodejs,如果不知道的童鞋可以先去上一篇文章里面查看怎么安装nodejs。

    我们假设你已经安装了nodejs，我们用下面的命令安装：

   npm install -g typescript

【TypeScript的新特性】

   1、字符串新特性
        多行字符串
        用`（1左边的符号）括起来
       可以在里面写方法的调用

  2、参数的类型
       可以用冒号指定参数的类型
 
  3、参数的默认值
       声明在最后边

  4、可选参数
       在方法的参数声明后面用问号来标明此参数为可选参数
       可选参数不能声明在必选参数之后

	var myname: string = "guo";
	function test(a: string, b?: string, c: string="jojo") {
	    console.log(a);
	    console.log(b);
	    console.log(c);
	}
	
	test("eee");

  5、函数的新特性

 

 传入任意数量的参数
	function func1(...args){
	    args.forEach(function(arg){
	        console.log(arg);
	    })
	}
	
	func1(1, 2, 3);
	
	把任意长度的数组转化成固定参数的方法调用
	function func1(a, b, c) {
	    console.log(a);
	    console.log(b);
	    console.log(c);
	
	}
	
	var args=[1, 2];
	func1(...args);
	
	var args2 = [7, 8, 9, 10, 11];
	func1(...args2);
	
Generator函数
  控制函数的执行过程，手动暂停和恢复代码执行过程
添加了yield关键字；
function* dosomething(){
  
  console.log("start");
  
  yield;
  
  console.log("finsh");
  
}

var func1=dosomething();
func1.next();

func1.next();

Fucntion* 声明generator函数，用yield控制函数的执行和暂停

  6、Destructuring析构表达式

通过表达式将对象或者数组拆解成任意数量的变量
	function getStock(){
	    return {
	        code: "IBM",
	        price: 100
	
	    }
	}
	
	var {code, price} = getStock();
	Console.log(code);
	Console.log(price);
	

var {code, price} = getStock();类似于ES5里面的

var stock = getStock();
var code = stock.code; 
var price = stock.price;

析构表达式和rest函数结合使用
var array1 = [1, 2, 3, 4];

var [number1, number2,...others] = array1;

console.log(number1);
console.log(number2);
console.log(others);

把析构表达式作为参数
var [number1, number2,...others] = array1;
function doSomething([number1, number2, ...others]) {
    console.log(number1);
    console.log(number2);
    console.log(others);

}

doSomething(array1);

【总结】

   关于TypeScript的知识，这里只是冰山一角，还有需要知识需要我们去发现，在接下来的学习中，会不定期的把自己了解到了东西分享给大家，如果有说的不对的，大家尽情的指出来。