TypeScript学习(一)

TypeScript安装:

npm install -g typescript  【全局安装TypeScript】

tsc -v 【查看tsc版本】

tsc
typescript的编译工具【把typescript代码编译成浏览器可以执行的javascript代码】
- 使用npm安装了全局typescript后会自动安装tsc

字符串:
1.使用 `` 两个撇号连接,可以随意换行

2.多行字符串表达式写法:

【使用``双撇号包裹,绑定变量使用 ${} 】【不使用双撇号是不可以这样写的】

3.自动拆分字符串

调用函数时,不使用()小括号调用,而是用双撇号。

test所接收的第一个参数则是双撇号里的所有字符串,第二个参数则是第一个表达式,第三个参数则是第二个表达式。

4.指定参数类型

(第一种和第二种写法都会给变量指定数据类型)

【指定字符串类型后,不能再给这个变量赋其他类型的值】

  4.1 给变量赋任何数据类型的值  【给变量指定 any 类型】

  

5. 基本数据类型

  5.1 声明函数返回值的数据类型

  【void 不需要任何返回值  】

  

  【string 返回字符串类型的数据】

  

  5.2 函数的参数也可以声明数据类型

  

6. 自定义数据类型

原文地址:https://www.cnblogs.com/chefweb/p/8277762.html

时间: 2024-11-05 23:36:28

TypeScript学习(一)的相关文章

TypeScript学习指南--目录索引

关于TypeScript: TypeScript是一种由微软开发的自由和开源的编程语言.它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程. TypeScript扩展了 JavaScript 的句法,所以任何现有的JavaScript程序可以不加改变的在TypeScript下工作.TypeScript是为大型应用之开发而设计,而编译时它产生 JavaScript 以确保兼容性. TypeScript 支持为已存在的 JavaScript 库添加类型

TypeScript学习(三)

由于网络原因,TypeScript学习(二)记的笔记没有保存成功. 1.类(class) 声明一个类 [可以指定这个类的属性name,这个类的方法eat] [实例化这个类][指定类的属性name调用类的方法eat] [同一个类里可以new 出多个实例,指定多个属性,调用多次方法] 2.类的访问控制符[public 默认][private 私有(只有在类的内部能访问到,在类的外部访问不到)] [protected 在类的内部和类的子类被访问到,在外部是不能被访问的] 3.类的构造函数constru

TypeScript学习笔记(七):模块

JavaScript中的模块 在学习TypeScript的模块之前我们先看看在JavaScript中的模块是如何实现的. 模块的好处 首先我们要了解使用模块的好处都有什么? 模块化.可重用: 封装变量与函数: 下面的示例为使用JavaScript实现的模块: 1 var MyModule = function(name) 2 { 3 //这里定义的都是私有的成员 4 var myName = name; 5 var age = 25; 6 7 //这里返回一个对象, 使用 JS 的闭包实现类的效

TypeScript学习笔记之基础类型

从今天开始学习typescript了,记录ts学习点滴,最后,使用ts结合nodejs开发后端应用,一起共勉吧: typescript最新版本2.6,所有演示代码均基于此版本 开始之前确定安装了如下npm包: npm i typescript -g // ts全局包 npm i ts-node -g // 使用ts-node可以直接运行ts文件 基础类型 布尔类型 let isDone: boolean = false let isExist: boolean = true console.lo

typeScript 学习

最近看了下typescript, 虽然说已经有很多人已经用到它了,但是我还是写写自己的feel咯:这里推荐学习链接 https://ts.xcatliu.com/advanced/class.html. 这个入门学习,我不好做评价,但是我自我感觉这里面讲的还是很简洁明了的. 阐述了typescript 的一些概念.比如,这个是js的超集(包含js),通过编译ts能形成一个js文件,然后加入我们的工程当中. 里面定义了,变量的类型方式啊 (let a:numbe r= 123),基本类型或者其他的

react + typescript 学习

react,前端三大框架之一,也是非常受开发者追捧的一门技术.而 typescript 是 javascript 的超集,主要特点是对 类型 的检查.二者的结合必然是趋势,不,已经是趋势了.react 文档.typescript 文档都看过,例子也敲过了,对此也都有了一定的理解,但是把二者很好的结合在一起,还是遇到了一些问题.纯粹记录一些,当然也希望有优秀资源的,提供一下,分享一下.提前道谢了~ 学习曲线 首先,想到的是到 官网,看相关文档,会系统些. typescript 中文网 jsx ty

【TypeScript】TypeScript 学习 5——方法

在 JavaScript 中,有两种方式定义方法. 1.命名的方法 function add(x,y){ return x+y; } 2.匿名方法 var myAdd = function(x,y) { return x+y;}; 在 TypeScript 中,也兼容上面两种定义方式,但是,既然我们用的是 TypeScript,那么肯定要强于本来的定义方式. 1.类型化方法 function add(x:number, y:number):number{ return x+y; } var my

Typescript学习笔记(一)基础类型

为了面向ng2和前端未来,开始搞向ts,ts是微软出的一枚语言,作为es6的超集,他出的一些特性还是蛮好用的(略坑).对于我等纯前端(从开始就接触javascript)的人来说,真想说,这特么什么鬼.部分特性同es6(个人对es6还是蛮有好感的).ts同期的coffeescript,将js python化,ts也把js搞的向其他语言靠拢.. 中文学习,这里是英文学习.如果不想看这些东西,那看我笔记学吧.哈哈. ts的基础类型,布尔值,数字,字符串,数组,元组(Tuple),枚举,任意值,空值.后

TypeScript学习指南第一章--基础数据类型

基础数据类型 为了搭建应用程序,我们需要使用一些基础数据类型比如:numbers,strings,structures,boolean等等. 在TypeScript中除了在JavaScript中常见的数据类型外还有一个非常使用的枚举类型(enumeration type). Boolean 最基础的数据类型莫过于只有True和false的布尔类型了,在TypeScript,JavaScript以及其它的很多数程序语言中我们使用关键字'boolean'. var isDone: boolean =

TypeScript学习笔记(六) - 模块

本篇将介绍TypeScript里的模块,和使用方法. 在ECMAScript 2015标准里,JavaScript新增了模块的概念.TypeScript也沿用了这个概念. 一.模块的导入和导出 模块在其自身的作用域里执行,而不是在全局作用域里:这意味着定义在一个模块里的变量,函数,类等等在模块外部是不可见的,除非你明确地使用export之一导出它们. 相反,如果想使用其它模块导出的变量,函数,类,接口等的时候,你必须要导入它们,可以使用import之一. 模块是自声明的.在TypeScript里