TS学习之类

TS学习随笔（七)->声明文件

now我们来看一看TS怎么声明文件, 在JS里面我们经常会使用各种第三方类库,引入方式也不太相同,常见的就是在HTML中通过script标签引入,然后就可以使用全局变量$或者jQuery了我们通常这样获取一个 id 是 foo 的元素: $('#foo'); // or jQuery('#foo'); 但是TS就比较呆滞一点了,在TS中,编译器并不知道 $ 或 jQuery 是什么东西: jQuery('#foo'); // ERROR: Cannot find name 'jQuery'.…

TS学习随笔（三)->接口

终于来到了比较重要的知识,接口,有多重要呢,反正是很重要好啵在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型. 那什么是接口呢,在面向对象语言中,接口(Interfaces)是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类(classes)去实现(implements). TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对「对象的形状(Shape)」进行描述. 少侠:这是个什么东西,看不太懂啊机…

TS学习随笔（四)->数组的类型

少侠们,今天我们继续来搞一搞TS 今天我们要来看一看TS中数组的定义是个什么鬼样子数组的类型: 在 TypeScript 中,数组类型有多种定义方式,比较灵活.下面我们来看看有哪些定义方法「类型 + 方括号」表示法: 最简单的方法是使用「类型 + 方括号」来表示数组: let tsArray: number[] = [,,,,] 数组中的项中不允许出现其他类型 let fibonacci: number[] = [, , , ]; // index.ts(1,5): error TS2322…

TS学习随笔（一）->安装和基本数据类型

去年学过一段时间的TS,但由于在工作中不常用.就生疏了,最近项目要求用TS,那我就再回去搞搞TS,写一篇记录一下自己学习TS的进度以及TS知识点首先,关于TS的定义我就不在这描述了,想看百度一下你就知道,我们直接来看怎么用就完事了安装: npm install -g typescript 这个命令要是一直下载不下来,请使用yarn试试,或者将源指向淘宝,用cnpm都一样以上命令会在全局环境下安装 tsc 命令,安装完成之后,我们就可以在任何地方执行 tsc 命令了. 编译一个 TypeSc…

TS学习

随着vue3.0的即将到来,是时候学习一下TS了简介:TypeScript是一种由微软开发的自由和开源的编程语言.它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程. ts并不是js语言,所以它是不能直接被浏览器识别的,所有从ts到js是有一个转换的过程,我们可以称之为编译. ts转化到js和es6到es5是类似的,所以我们借助webpack 构建工具,将要使用的转化插件是ts-loader,和css-loader,style-loader都是差…

TS学习随笔（六)->断言

now,我们来看一看TS里面的断言,听起来很上档次啊,其实看完你就发出惊叹,这就是断言啊类型断言类型断言(Type Assertion)可以用来手动指定一个值的类型语法 <类型>值或者值 as 类型注意:在 tsx 语法(React 的 jsx 语法的 ts 版)中必须用后一种. 例子:将一个联合类型的变量指定为一个更加具体的类型之前提到过,当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有类型里共有的属性或方法: functio…

TS学习随笔（五)->函数

这篇文章我们来看一下TS里面的函数函数声明在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression): // 函数声明(Function Declaration) function sum(x, y) { return x + y; } // 函数表达式(Function Expression) let mySum = function (x, y) { return x + y; }…

TS学习随笔（二)->类型推论，联合类型

这篇内容指南: -----类型推论 -----联合类型类型推论第一篇中我们看了TS的基本使用和基本数据类型的使用,知道了变量在使用的时候都得加一个类型,那我们可不可以不加呢,这个嘛,可以也不可以,为啥这木说呢,各位看官我们上眼瞧一下. 首先我们要来先了解一个概念,类型推论:如果没有明确的指定类型,那么 TypeScript 会依照类型推论(Type Inference)的规则推断出一个类型例子一: let myFavoriteNumber = 'seven'; myFavo…

TS学习之for..of

for..of会遍历可迭代的对象,调用对象上的Symbol.iterator方法(可迭代对象,数组,字符串等) let arr = ["hello", "ts", "test"]; for (let item of arr) { console.log(item) } //"hello", "ts", "test" for...of VS for...in(均可迭代一个列表.但是用于迭代…

TS学习之泛型

可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据不适用泛型的函数 function myfn(args: number): number { return args; } function myfn(args: any): any { return args; } 第一个只能传入number类型的参数,第二个虽然可以传入任意类型的参数,但是却丢失了部分信息:返回的类型应该和传入的类型相同使用泛型函数(T:类型变量) function myfn<T>(args: T): T {…

TS学习之函数

定义函数类型(规定函数参数及函数返回值的类型,若函数没有返回值,则返回类型为null) function add(x: number, y: number): number { return x + y } 推断类型(ts自动识别类型(按上下文归类)) function add(x: number, y: number) { return x + y } //ts会自动识别出返回类型为number 可选参数,默认参数,剩余参数可选参数(参数名旁使用 ?实现可选参数的功能,可选参数放在必填参数之…

TS学习笔记----(一)基础类型

布尔值: boolean let isDone: boolean = false; 数字: number 和JavaScript一样,TS里的所有数字都是浮点数. 支持十进制和十六进制字面量,TS还支持ECMAScript 2015中引入的二进制和八进制字面量. let decLiteral: number = 6; // 十进制 let hexLiteral: number = 0xf00d; // 十六进制 let binaryLiteral: number = 0b1010; // 二进制…

ts 学习笔记-基础篇

目录基础原始数据类型布尔值数字字符串空值 Null 和 Undefined 任意值类型推论联合类型接口数组函数类型断言申明文件什么是申明文件三斜线指令第三方声明文件内置对象基础原始数据类型任意值类型推论联合类型接口数组函数类型断言申明文件内置对象原始数据类型 Javascript 的类型分为两种: 原始数据类型(Primitive data types)和对象类型(Object types). 原始数据类型包括: 布尔值.数字.字符串.n…

TS学习之Symbol

symbol成为了一种新的原生类型,就像number和string一样(意思是可以像string一样,作为对象的属性等) Symbols是不可改变且唯一的 //symbol通过Symbol函数构造,但不需要new let sym1 = Symbol(); let sym2 = Symbol("key"); // 可选的字符串key let sym3 = Symbol("key"); sym2 === sym3; //false…

TS学习之枚举

使用枚举可以定义一些有名字的数字常量 enum Test{ one = 1, two, three, four } console.log(Test); /*{ '1': 'one', '2': 'two', '3': 'three', '4': 'four', one: 1, two: 2, three: 3, four: 4 }*/ 一个枚举可以包含零个或多个枚举成员,枚举成员具有一个数字值,它可以是常数或计算得出的值. 由上例可以看出:枚举类型被编译成了一个双向映射…

定义类 class Person { name: string; //属性 constructor(_name: string) { this.name = _name; } //构造函数 sayHello(): string { return "Hi,everyone" } //方法 } let firstOne = new Person("Fred") //实例化类继承:继承使用关键字extends,调用父类使用super,子类继承父类的属性和方法,并且子类可…

TS学习之接口

TypeScript的核心原则之一是对值所具有的结构进行类型检查.接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约. interface testType { name: string; age: number; } function test(obj: testType): void { console.log(obj.name); console.log(obj.age); } test({name:"fred",age:20,height:180}) //fred 2…

TS学习之解构与展开

一.解构 1.解构数组 let input = [1, 2]; let [first, second] = input; console.log(first); // outputs 1 console.log(second); // outputs 2 a) 运用于函数 function f([first, second]: [number, number]) { console.log(first); console.log(second); } f([6,8]); // b) 剩余语法 .…

TS学习之变量声明

1.Var 声明变量 a)存在变量提升 (function(){ var a = "1"; var f = function(){}; var b = "2"; var c = "3"; })(); 相当于: (function(){ var a,f,b,c; a = "1"; f = function(){}; b = "2"; c = "3"; })(); b)声明多个重复变量,后者…

TS学习之基础类型

1.布尔值 let isDone:boolean = false 2.数字(支持二,八,十,十六进制) let width:number = 20 3.字符串 let name:string = "Bob"; 模板字符串: let sentence:string = `hello,my name is ${name}`; 4.数组 let list:number[] = [1,2,3,4]; let list:Array<number> = [1,2,3,4] 5.元祖 T…

ts 学习笔记 - 泛型

目录泛型举个栗子泛型约束多个参数时也可以在泛型约束中使用类型参数泛型接口泛型类泛型参数的默认类型泛型泛型(Generics)是指在定义函数.接口或者类的时候, 不预先指定其类型,而是在使用是手动指定其类型的一种特性. 举个栗子我们需要创建一个函数, 这个函数会返回任何它传入的值. 正常代码如下: function identity(arg: any): any { return arg } identity(3) // 3 这代代码编译不会出错,但是存在一个显而易见的缺陷,…

ts 学习笔记 - 类

目录类类的概念类的用法属性和方法类的继承存取器静态属性 Typescript 中的用法抽象类类的类型类与接口类实现接口接口继承接口接口继承类混合类型类类的概念类 (class) : 定义了意见事物的抽象特点,包含它的属性和方法对象 (Object) :类的实例,通过 new 生成面对对象 (OOP) 的三大特性: 封装.继承.多态封装 (Encapsulation):将对数据的操作细节隐藏起来,值暴露对外的接口.外界调用端不需要(也不可能)知道细节,就能通…

ts 学习笔记 - 进阶篇 1

目录进阶类型别名字符串字面量类型元祖例子越界的元素枚举手动赋值常数项和计算所得项常数枚举外部枚举进阶类型别名类型别名用来给一个类型起个新名字 type Name = string type NameResolver = () => string type NameOrResolver = Name | NameResolver function getName(n: NameOrResolver): Name { if(typeof n === 'string') {…

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了(以下简称TS),但总是用难以抽出时间给自己找到这个冠冕堂皇的理由.最近又心血来潮,打算写TS的博客了,毕竟TS核心开发者也是C#之父,像我这么热爱C#的人,怎么可能不喜欢C#之父开发的TS呢,有点爱屋及乌了.这里附一张C#之父Anders Hejlsberg的图片. 这篇博客不讲技术细节,只讲TS利好的一些信息以及它的一些优点,还有以后所有的TS资料的目录都放在这篇博客了.这些博客有些是翻译的,当然这里的翻译是基于本人的思考而不是纯粹地机器翻译,还有去除了一…

【转】JavaScript => TypeScript 入门

几个月前把 ES6 的特性都过了一遍,收获颇丰.现在继续来看看 TypesScript(下文简称为 “TS”).限于经验,本文一些总结如有不当,欢迎指正. 官网有这样一段描述: TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. 说的是 TS 是 JS 的超集,并且可以编译成普通的 JS. 而实际上,“超出” 的部分主要就是 “类型系统”.因此可以这样归纳: TS ≍ ES6 + 类型系统…

【TS学习之类】的更多相关文章