TypeScript

1.概述
TypeScript是用于应用程序规模开发的JavaScript。

编译ts文件代码:

tsc 文件名

运行js文件:

node js文件名

如何理解ts:

TypeScript是强类型,面向对象的编译语言。它是由微软的Anders Hejlsberg(C#的设计者)设计的。

TypeScript既是一种语言又是一组工具。TypeScript是JavaScript的一个超集。换句话说,TypeScript是JavaScript加上一些额外的功能。
TypeScript常用类型:

                        
TypeScript 扩展了 JavaScript 的语法,所以任何现有的 JavaScript 程序可以不加改变的在 TypeScript 下工作。TypeScript 是为大型应用之开发而设计,而编译时它产生 JavaScript 以确保兼容性。

TypeScript 可以编译出纯净、 简洁的 JavaScript 代码,并且可以运行在任何浏览器上、Node.js 环境中和任何支持 ECMAScript 3(或更高版本)的 JavaScript 引擎中。

注意:node.js是前端运行环境

npm是javaScript的包管理工具

vue cli:基于vue快速开发的完整系统,实现交互式的项目脚手架

从本质上讲,TypeScript由以下三个组成部分:

语言 – 它包括语法,关键字和类型注释。
编译器 – TypeScript编译器(TSC)将使用TypeScript编写的指令转换为其等效的JavaScript。
语言服务 – “TypeScript语言服务”在核心编译管道周围公开了一个额外的层,它是类似编辑器的应用程序。语言服务支持常见的编辑器操作集,如语句完成,签名帮助,代码格式化和大纲,着色等。
————————————————

                        
布尔值:
1)布尔值
定义一个布尔类型的变量:
let isDone: boolean = false;

TypeScript中, 在参数名称后面使用冒号:来指定参数的类型

let 变量名: 数据类型
(2)数字

和 JavaScript 一样,TypeScript 里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量,TypeScript 还支持 ECMAScript 2015 中引入的二进制和八进制字面量。

let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
let binaryLiteral: number = 0b1010;
let octalLiteral: number = 0o744;
(3)字符串

普通字符串

JavaScript 程序的另一项基本操作是处理网页或服务器端的文本数据。 像其它语言里一样,我们使用 string 表示文本数据类型。 和 JavaScript 一样,可以使用双引号 “或单引号’表示字符串。

let name: string = "bob";
name = "loen";

多行字符串

在Typescript中你可以使用反引号表示多行字符串.

let hello: string = Welcome to 
W3cschool;

内嵌表达式

你还可以使用模版字符串,也就是在反引号中使用 ${ expr }这种形式嵌入表达式

let name: string = Loen;
let age: number = 37;
let sentence: string = Hello, my name is ${ name }.
//与下面定义sentence的方式效果相同
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.”;

自动拆分字符串

我们可以用字符串模板去调用一个方法

function userinfo(params,name,age){
    console.log(params);
    console.log(name);
    console.log(age);
}


let myname = "Loen Wang";
let getAge = function(){
    return 18;
}
// 调用
userinfohello my name is ${myname}, i'm ${getAge()}
(4)数组

TypeScript 有两种方式可以定义数组。

第一种, 是在元素类型后面接上 [],表示由此类型元素组成的一个数组:

let list: number[] = [1, 2, 3];

第二种方式是使用数组泛型,Array<元素类型>:

let list: Array = [1, 2, 3];

(5)元组Tuple

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 string 和 number 类型的元组。

// 声明一个元组类型
let x: [string, number];
// 初始化元组
x = ['hello', 10]; 
x = [10, 'hello']; // 这里会报错,类型错误
(6)枚举

enum 类型是对 JavaScript 标准数据类型的一个补充。 像 C# 等其它语言一样,使用枚举类型可以为一组数值赋予友好的名字。

enum Color {Red, Green, Blue}
let c: Color = Color.Green;

博客内容均系原创,未经允许严禁转载!
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇