TypeScript 学习笔记 — 类型断言(二)
目录类型断言语法类型断言的用途联合类型可以被断言为其中一个类型父类可以被断言为子类任何类型都可以被断言为 anyany 可以被断言为任何类型非空断言双重断言字面量类型 + 联合类型类型断言的限制类型断言 vs 类型转换上一篇:TypeScript 入门自学笔记(一)
类型断言
类型断言(Type Assertion): 主要用于当 TypeScript ...
TypeScript在React项目中的使用总结
序言
本文会侧重于TypeScript(以下简称TS)在项目中与React的结合使用情况,而非TS的基本概念。关于TS的类型查看可以使用在线TS工具👉TypeScript游乐场
React元素相关
React元素相关的类型主要包括ReactNode、ReactElement、JSX.Element。
ReactNode。表示任意类型的React节点,这是个联合类型,包含情况众多;
ReactElem ...
TypeScript中的问号 ? 与感叹号 ! 的含义
一、?(问号)操作符
在TypeScript里面,有4个地方会出现问号操作符,他们分别是:
1、三元运算符
// 当 isNumber(input) 为 True 是返回 ? : 之间的部分; isNumber(input) 为 False 时,返回 : ; 之间的部分
const a = isNumber(input) ? input : String(input);
2、参数
// 这里的 ?表示这个参数 field 是一个 ...
TypeScript 学习笔记(一)
码文不易,转载请带上本文链接,感谢~ https://www.cnblogs.com/echoyya/p/14542005.html
目录码文不易,转载请带上本文链接,感谢~ https://www.cnblogs.com/echoyya/p/14542005.htmlTypeScript 介绍什么是TypeScript?JavaScript 的缺点为什么使用 TypeScript?安装TypeScript 的特性类型系统TypeScript 是静态类型TypeSc ...
Typescript开发学习总结(附大量代码)
如果评定前端在最近五年的重大突破,Typescript肯定能名列其中,重大到各大技术论坛、大厂面试都认为Typescript应当是前端的一项必会技能。作为一名消息闭塞到被同事调侃成“新石器时代码农”的我,也终于在2019年底上车了Typescript。使用的一年间整理了许多的笔记和代码片段,花了一段时间整理成了下文。
本文不是教程, ...
TypeScript 高级用法
本文主要介绍 TypeScript 的高级用法,适用于对 TypeScript 已经有所了解或者已经实际用过一段时间的同学,分别从类型、运算符、操作符、泛型的角度来系统介绍常见的 TypeScript 文章没有好好讲解的功能点,最后再分享一下自己的实践经历。
一、 类型
unknown
unknown 指的是不可预先定义的类型,在很多场景下,它可以替 ...
玩转TypeScript-基础
搞一搞TypeScript,做了一点笔记,奥里给,肝了兄弟们!
Part1内容
安装typescript编译器
全局安装:npm install -g typescript
在命令行中查看ts编译器版本判断是否安装成功。
TypeScript 文件默认以 .ts 为后缀,TypeScript 是 JavaScript 的扩展,所以 TypeScript 代码要在 浏览器/Node 环境下运行,需要把 TypeScript ...
在微信小程序开发中使用Typescript
Typescript的优势咱不需要赘述太多,有兴趣可以参考(https://www.typescriptlang.org/)。今天给大家分享一下如何在微信小程序(或者其他同类小程序)开发中使用Typescript。
这个分两种情况,最简单的做法就是在创建项目时,选择Typescript这个选项,如下图所示。但要注意,这个选项只有在选择"Use no cloud service"才有 ...
TypeScript 如何使用 import 语法
export class Header {
constructor() {
const elem = document.createElement("div");
elem.innerText = "This is Header";
document.body.appendChild(elem);
}
}
export class Content {
constructor() {
const elem = document.createElement("div");
elem.innerText = "This is Content";
...
TypeScript 命名空间-Namespace
TypeScript 通过 tsc 编译成 JavaScript 时,用的是 var 全局变量,var 用多了会造成全局变量污染,为了解决这个问题,使用命名空间。
# 生成 package.json 文件
npm init -y
# 生成 tsconfig.json文件
tsc -init
命名空间
namespace Home {
class Header {
constructor() {
const elem = document.createElem ...
TypeScript 配置文件 - tsconfig.json
tsconfig.json 文件的生成
tsconfig.json 文件是由 tsc --init 命令生成的。
直接运行 tsc 命令 tsconfig.json 文件才会生效,要是指定文件比如 tsc dome.ts ,tsconfig.json 文件不会生效。但是 ts-node 指定文件是遵循 tsconfig.json 文件的。
include、exclude 和 files 配置项
// 编译哪些文件
{
"include":["demo.ts ...
Vue3+TypeScript?看这一篇就够了
1、TypeScript快速上手
1.1 初识 TypeScript
TypeScript 的介绍
TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。
2012年10月,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScript
TypeScript的作者是 ...
TypeScript 中的interface接口
使用接口约束类型
interface Girl {
name: string;
age: number;
bust: number;
}
const screenResume = (girl: Girl) => {
girl.age < 24 && girl.bust >= 90 && console.log(girl.name + "进入面试");
girl.age > 24 || (girl.bust < 90 && console.log(girl.name + "你被淘汰"));
};
const getResume = (gir ...
第一篇:使用Typescript开发Nodejs
这是实现IoC系列的第一步,因为是基于TypeScript的,所以首先我们来看一下如何使用TypeScript来开发NodeJs项目
TypeScript已经得到广泛的应用,一般开发Nodejs后端时都会使用成熟的框架,比如Nestjs,但是一些小工具,就没有必要使用框架了,但是又想使用typescript开发,网上有很多关于使用typescript来开发Nodejs应用的教 ...
TypeScript开发环境搭建(VSCode+NodeJs)
TypeScript开发环境搭建(VSCode+NodeJs)
工具安装
VS Code简介及安装
VS Code是一款免费开源的代码编辑器。其具有跨平台、支持IntelliSence智能提示、内置Git支持、插件可扩展性强等优点。到官网下载并安装。
VS Code插件推荐
默认下载的VS Code是英文版的。如果习惯中文界面,可以下载中文语言包。
node-snippets ...
Typescript常见面试题
1、什么是Typescript?
TypeScript是一种由微软开发和维护的免费开源编程语言。它是一个强类型的JavaScript超集,可编译为纯JavaScript。它是一种用于应用级JavaScript开发的语言。对于熟悉c#、Java和所有强类型语言的开发人员来说,TypeScript非常容易学习和使用。
TypeScript可以在任何浏览器、主机和操作系统上执行。Type ...
unity3d支持typescript开发
目录
unity3d支持typescript开发(一)
unity3d支持typescript开发(二)
unity3d支持typescript开发(三)
unity3d支持typescript开发(四)
unity3d支持typescript开发(五)
unity3d支持typescript开发(六)
前言
由于之前的工作是在游戏公司做unity框架,该框架使用的是lua+unity的方案,而最近频繁接触typescript后,就有了想要在u ...
TypeScript:入门TS
什么是 TypeScript
官方网站的定义是:TypeScript 是 js 类型的超集。它假设咱们知道什么是超集,什么是类型化。为了简单起见,你可以将 TypeScript 看作是 JavaScript 之上的一个外壳。
TypeScript 是一个外壳,因为编写 TypeScript 的代码,在编译之后,,剩下的只是简单的 js 代 ...
使用 typescript 快速开发一个 cli
cli 的全称 command-line interface(命令行界面),也就是前端同学常用的脚手架,比如 yo、vue cli、react cli 等。
cli 可以方便我们快速创建项目,下图是引用 vue cli 的介绍:
创建项目
运行下面的命令,创建一个项目:
npm init
执行命令完成后,可以看到项目根目录只有一个 package.json 文件。
在 package.json ...
使用typescript构建Vue应用
一、vue项目初始化-引入typescript
使用typescript构建vue应用和使用js一样,都是通过vue-cli去初始化并创建一个vue项目,只不过使用typescript构建的时候要在脚手架问卷操作的时候勾选上typescript选项。
二、typescript Vue项目比较
使用typescript构建的Vue项目发生了一些变化:① main.js变成了main.t ...