typescript初涉

刚来实习,才开始接触了typescript,typescript的官网为http://www.typescriptlang.org/docs/handbook/variable-declarations.html

(1)安装typescript:npm install -g typescript 表示全局安装typescript
(2)typescript的后缀名为.ts,.tsx, .d.ts,然后可以在控制台中进行编译成js文件
(3)首次尝试typescript demo
ts文件代码:
 function sayHello(greeter:string){
    return "hello"+greeter;
}
var user = "sunshine";
document.body.innerHTML = sayHello(user);
然后在控制台中进行编译:tsc greeter.ts,在该文件的同级目录下就会生成一个greeter.js文件,然后在html中引入即可:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>typescript test</title>
    
</head>
<body>
    <script src="greeter.js"></script>
</body>
</html>
即可在浏览器中看到输出的信息
(4)typescript中的类型:boolean,number,string,Array,Enum,any,void
1:定义布尔类型:let test:boolean = false;
2:定义数组类型:let num :number = 3.4;
3:定义字符串类型:let str:string="sunshine"; //可以使用"",'',`` ,在使用``的时候,可以字符串常量和字符串变量一起定义
    例如:
    let sentence: string = `Hello, my name is ${ name }.

    I'll be ${ age + 1 } years old next month.`;
    与此等价的方式为:
    let sentence: string = "Hello, my name is " + name + ".\n\n" +
      "I'll be " + (age + 1) + " years old next month.";
 4:定义枚举类型:
   枚举类型默认是从0开始算起
    let color ={red,black,green};
    let get:color = color.red; //   get 为0

    let color={red=1,black,green};
    let get:color = color.red; //red为1
5:定义any类型:当有的数据类型不是很确定的时候,就可以定义为any类型
let num:any = 4;
num = 'sunshine';

6:定义数组类型:ar list:number[] = [1, 2, 3];也可以使用泛型的数组类型:var list:Array<number> = [1, 2, 3];
7:定义void类型,表示没有任何的返回值,例如用在函数中:
function test(){
    alert('typescript is amazing');
}

(5)typescript中的const 和let
let在typesript中是和传统js中的var是想似的概念,但是let定义的变量只在声明它的代码块中可以使用,而var却可以在提升为整个作用域进行使用。要想详细知道两者更深层次的区别,请移步:http://es6.ruanyifeng.com/#docs/let
const也用来声明变量,但是声明的是常量。一旦声明,常量的值就不能改变。const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。const的作用域与let命令相同:只在声明所在的块级作用域内有效。

你可能感兴趣的:(typescript初涉)