TS——01——基础语法

已于 2022-02-26 00:17:35 修改
阅读量453 收藏
点赞数
分类专栏： TS 文章标签： react.js typescript javascript
于 2022-02-23 19:52:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x1037490413/article/details/123088709
版权
本文介绍了静态类型语言如Java和C++在编译阶段进行错误检查的优势，特别强调了TypeScript在JavaScript中的应用。通过Node.js的npm模块，演示了如何将TypeScript编译为JavaScript。同时，指导读者如何使用`create-react-app`脚手架创建一个基于TypeScript的React应用，解决版本过低导致的创建问题，并提供了相应的解决步骤。
摘要由CSDN通过智能技术生成

在这里插入图片描述静态类型语言能够在编译阶段就能检查错误，像java,c++都是静态类型语言，静态类型语言需要提前声明语言类型，比如说是字符串类型，数组类型的，后续不能改变，好处是如果函数调用后的返回值类型不一样赋值的时候可以检查出来
nodemodules会将ts编译成js

创建脚手架create-react-app tstest --template typescript
如果创建脚手架报错了，像上面蓝色图那样是说明版本低了，执行npm i -g create-react-app tstest --template typescript，然后再执行create-react-app tstest --template typescript
在这里插入图片描述在这里插入图片描述在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述

ts-creator 使用教程
gitblog_00596的博客
08-10 250
ts-creator 使用教程 ts-creatorA code generator to generate TypeScript code generator from TypeScript code项目地址:https://gitcode.com/gh_mirrors/ts/ts-creator 项目介绍 ts-creator 是一个用于生成 TypeScript 代码生成器的开源项目。它允...
ts-creator 项目使用教程
gitblog_00242的博客
08-12 359
ts-creator 项目使用教程 ts-creatorA code generator to generate TypeScript code generator from TypeScript code项目地址:https://gitcode.com/gh_mirrors/ts/ts-creator 1. 项目的目录结构及介绍 ts-creator/ ├── src/ │ ├── cor...
ts对createContext进行封装使用
weixin_45389051的博客
06-21 1330
不说废话，直接上代码 随便写了一个reducer.ts export interface StateProps { id: number; text: string; isFinished: boolean; } export interface ActionProps { type: string; [key: string]: any; } const reducer = (state: StateProps[], action: ActionProps) => { s
Vue3 + TS(二)
m0_51328823的博客
02-04 2400
Vue3 vue3的新特性 首先是向下兼容，Vue3 支持大多数 Vue2 的特性。 性能的提升，内存减少55%、打包大小减少41%、渲染快、使用Proxy实现数据响应式，重构虚拟dom 新推出的Composition API(组合 api)，在 Vue2 中遇到的问题就是复杂组件的代码变的非常麻烦，甚至不可维护。说白了就是封装不好，重用不畅。 其他新特性：Teleport(瞬移组件)、Suspense(解决异步加载组件问题)和全局 API 的修改和优化。 更好TypeScript支持。
TypeScript基本用法和在vue中的使用
tomotoCoder的博客
08-22 789
TypeScript基本用法 1.声明 let isDone: boolean = false; :后面 跟数据类型string，number,boolean,object等等 = 后面跟对应值 在函数定义中使用 function add(x: number, y: number): number { return x + y; } 2.接口 interfa...
ts语法基础——基础类型
m0_63153901的博客
09-29 1087
针对不定个数参数的函数时，我们可以使用 ES6 提供的 rest 参数来处理。TypeScript 支持与 JavaScript 几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。类型断言（Type Assertion）可以告诉编译器，“相信我，我知道自己在干什么，别报错，出了事我负责”。TypeScript 能够根据返回语句自动推断出返回值类型，因此我们通常省略返回值的类型。TS 会在没有明确的指定类型的时候推测出一个类型。现在我们已经为函数指定了类型，下面让我们写出函数的完整类型。
【TS语法|基础入门】《前端的未来——TypeScript》掌握TS基础语法
XSL_HR的博客
09-30 2798
本文是我在学习TS课程中的一些学习笔记和听课记录，从这一期开始将正式进入TS的语法内容，本节内容紧接上一期【起步了解】《前端的未来——TypeScript》了解TS的工作流程的内容，重点介绍TS的基础语法。创作不易！多多关照！
Typescript基础语法——函数
Kätzchen-408的博客
04-08 501
Typescript基础语法——函数函数ts中函数的写法命名函数匿名函数完整写法可选参数和默认参数剩余参数(rest参数)函数重载 函数 ts中函数的写法 命名函数 函数声明： function add(x: string, y: string): string { return x + y } 匿名函数 函数表达式： const add2 = function (x: number, y: number): number { return x + y } 完整写法 co
TypeScript基础语法——类
Kätzchen-408的博客
04-08 341
TypeScript语法——类类的定义和使用继承多态修饰符readonly修饰符存取器静态成员抽象类 类的定义和使用 可以定义属性，构造函数和实例方法。 //ts中类的定义及使用 class Person { //定义属性 name: string age: number gender: string //定义构造函数:实例化对象的时候可以直接对属性的值进行初始化 constructor(name: string = '小甜甜', age: numbe
TypeScript入门基础（三）——基础语法
weixin_43298884的博客
04-07 662
文章目录关于空格和换行：关于大小写：关于分号：关于注释：关于面向对象 关于空格和换行： TypeScript 忽略程序中空格、制表符和换行符。 空格、制表符通常用来缩进代码，使代码易于阅读和理解（与C语言类似） 关于大小写： TypeScript 区分大写、小写字符。 关于分号： 可以使用分号，也可以不使用分号； 每行指令都是一段语句，但是建议您使用分号，结束语句； 如果语句写在同一行一定需要使用分号来分隔，否则会报错 例如： console.log("test log 1");console.log("t
【Vue3+Ts】—— TypeScript打包构建
qq_53061847的博客
07-10 1282
通常情况下，实际开发中我们都需要使用构建工具对代码进行打包；TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS；步骤如下：进入项目根目录，执行命令创建package.json文件命令如下：共安装7个包:根目录下创建webpack的配置文件： 四、配置TS编译选项 根目录下创建tsconfig.json，配置可以根据自己需要，具体配置可以参考【Vue3+Ts】—— TypeScript编译选项（tsconfig.json配置） 修改package.json配
vue3.0 main.ts createApp报错
RequesToGod的博客
04-21 2418
import { createApp } from 'vue import { createApp } from 'vue' 报错 Module ‘"…/node_modules/vue/types"’ has no exported member ‘createApp’. Did you mean to use ‘import createApp from “…/node_modules/vue/types”’ instead? 报错 哥们 其实错不在你 不就是你的错 创建项目的时候能长点心吗，别把
使用create-react-app创建ts项目
逆袭的菜鸟X
08-19 8648
1、项目安装运行 create-react-app 你的项目名 --typescript npm start 2、项目首页 import React from 'react'; import logo from './logo.svg'; import './App.css'; import Arrowlist from './home'; const App: React.FC = () => { return ( <div className="App">
ts基础语法
热门推荐
口袋的天空的博客
10-18 1万+
一.vue中怎么使用ts 使用ts的vue项目，和js项目结构是类似的，多了几个文件 tsconfig.json: typescript配置文件，主要用于指定待编译的文件和定义编译选项 shims-tsx.d.ts: 允许.tsx 结尾的文件，可在 Vue 项目中编写 jsx 代码 shims-vue.d.ts: 主要用于 TypeScript 识别.vue 文件，Ts 默认并不支持导入 vue 文件 结合vue-property-decorator使用ts 在 vue 中使用 typescript
React 源码学习01 ---- React.Children.map 的实现与应用
止于至善
11-07 441
目前是第一次看这个函数的实现，知道他大概干了什么，也大概明白每一步要干什么，但是目前还不清除他为什么要这么干。为什么要来看他的实现呢？一个是只有知道他是怎么实现的，才能知道在调用这个方法时，那些情况会报错，为什么报错，能够快速处理。使用这个方法开发功能的时候能够更加得心应手。
react中ref使用支持父调用子组件的方法
lwl12345678_的博客
11-05 342
【代码】react中ref使用支持父调用子组件的方法。
【taro react】 ---- 常用自定义 React Hooks 的实现【六】之类渐入动画效果的轮播
最新发布
止于至善
11-07 258
组件的实现其实没有太大的难度，就是最近看源码，看到了 React.Children.map 的实现，因此使用这个效果用一下；需要注意的是隐藏显示不要直接操作DOM的显示隐藏，因为DOM的改变会导致图片的重新加载，会出现闪动的效果，这是回流导致的图片重新加载；在组件内渲染子组件的时候依然需要使用 React.Children.map 来循环子组件。
LangChain教程 - 创建 ReAct 风格智能代理
fenglingguitar的专栏
11-05 999
ReAct 框架，即 Reasoning and Acting（推理和行动），是一种让模型在处理复杂任务时通过推理逐步制定行动决策的模式。推理：逐步理解任务需求，制定行动计划。行动：在每个步骤中调用所需的工具（如 API、数据库），并基于反馈继续推理。这种模式尤其适合用于构建智能助手、问答系统等复杂应用，能让模型根据上下文灵活选择下一步操作。通过 LangChain 和 ReAct 框架，我们可以构建具备推理与行动能力的智能助手，让其能够逐步分解复杂任务并动态调用工具，为用户提供更智能的服务。
react ts 基础语法
10-16
以下是React和TypeScript的基础概念： 1. React简介：React是一个由Facebook开发的用于构建用户界面的JavaScript库。它专注于组件化开发，允许你将UI分解成独立、可复用的部分。 2. TypeScript简介：TypeScript是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值