一:TypeScript入门

来源:互联网 发布:网络拓扑结构图片 编辑:程序博客网 时间:2024/06/06 02:54

Angular2的框架使用typescript语言开发

一.搭建环境

1.compiler

TypeScirpt--->JavaScript

线上工具:http://www.typescriptlang.org/play/index.html

线下安装:npm install -g typescript


cmd查看是否安装成功:npm --version


二.知识点(1)

字符串新特性

1.多行字符串 : `aaabbbcccc`

2.模版字符串 :`${args}`

3.自动拆分字符串 :模版字符串和函数一起使用


参数新特性

1.五种基本类型 : var name: string = "Andrew"

*变量

string、any、number、boolean(true/false)、void

*函数

function test(name: string): void{

....

}

*自定义类型

class Person{

name: string;

age: number;

}

var p1: Person = new Person()

*带默认值的参数

function test(a:string, b:string, c:string = "Hello"){

console.log(a);

console.log(b);

console.log(c);

}

*可选参数(必须声明在必选参数后面)

function test(a:string, b?:string, c:string = "Hello"){

console.log(a);

console.log(b);

console.log(c);

}

三.知识点(2)

1.Rest and Spread

function func1(...args){}

此参数用法可以传入任意数量的参数


2.generator函数

控制函数的执行过程,手工暂停和恢复代码执行

function* func(){

..

yield; 此关键字控制代码暂停

}

var x = func();

x.next()


3.析构表达式

如果函数func()返回两个以上的值,调用时可以用以下方法接收

注意:析构表达式的变量必须和函数里返回的变量的名字一样

function func(){

return {

code:"IBM", 

price: 100}

}

*针对对象中拆一些值来声明本地的变量

var {x, y} = func();

*针对数组

arr = [1,2,3,4];

var [x,y] = arr;


4箭头表达式(声明匿名方法)消除this的问题

var sum = (arg1, arg2) =>{

return arg1 + arg2;

}





原创粉丝点击