首页 > 编程语言 >jira项目笔记14-TypeScript vs JavaScript

jira项目笔记14-TypeScript vs JavaScript

时间:2022-10-07 18:59:51浏览次数:52  
标签:jira SearchPanelProps TypeScript 14 JavaScript param vs

TypeScript vs JavaScript

TypeScript 是 “强类型” 版的 JavaScript,当我们在代码中定义变量 (包括普通变量、函数、组件、hook 等) 的时候,TypeScript 允许我们在定义的同时指定其类型,这样使用者在使用不当的时候就会被及时报错提醒:

interface SearchPanelProps {
  users: User[],
  param: {
    name: string;
    personId: string;
  },
  setParam: (param: SearchPanelProps['param']) => void;
}

export const SearchPanel = ({users, param, setParam}: SearchPanelProps) => {}

经常用 TypeScript 的感受:比起原来的 JavaScript,TypeScript 带来了完全不一样的开发体验,bug 大大减少了,编辑器提示快了,代码更易读了, 开发速度快了(看似多写代码,其实由于前面几点节省了大量开发时间),上手了就回不去了。

标签:jira,SearchPanelProps,TypeScript,14,JavaScript,param,vs
From: https://www.cnblogs.com/yao-655442/p/16760370.html

相关文章

  • jira项目笔记15-TypeScript 的类型
    TypeScript的类型 8种类型:number,string,boolean,函数,array,any,void,object这一节我们接触到了平常使用中会接触到的大部分的类型,下面我们挨个梳理一遍:numbe......
  • jira项目笔记16-啥时候需要声明类型
    啥时候需要声明类型理论上来说在我们声明任何变量的时候都需要声明类型(包括普通变量、函数、组件、hook等等),声明函数、组件、hook等需要声明参数和返回值的类型。但......
  • jira项目笔记17-自定义useArray
    2-1、要求自定义一个useArray的customhook。结合react-hook和typescript,实现对数组简单的增加、删除、清空的那个功能,并且对增加的对象类型有限制2-2、代码实现export......
  • jira项目笔记18-Object.fromEntries
    Object.fromEntries()方法把键值对列表转换为一个对象。constentries=newMap([['foo','bar'],['baz',42]]);constobj=Object.fromEntries(entries);......
  • jira项目笔记19-as 关键字用于断言
    在Typescript中,表示断言有两种方式。一种是扩号表示法:letsomeValue:any="thisisastring";letstrLength:number=(someValue).length;另一种使用as关键字:let......
  • jira项目笔记20-useSearchParams
    useSearchParams顾名思义,可以直接获取url中的query参数,而不需要引入外部库来解析路径中的query参数import{useSearchParams}from'react-router-dom';//比如url是......
  • 学习笔记jira项目3-解决一些问题
    解决相对路径问题ts.config.json  "baseUrl":"./src",prettieryarnadd--dev--exactprettier自动格式化npxmrmlint-staged"lint-staged":{"*.{j......
  • 学习笔记jira项目4-对比常见mock方案
    第一种方式第二种 3接口管理工具  4本地node服务器  ......
  • jira项目笔记23-ts中 as const 使用
    概要typescript在开发过程中广泛被应用,typescript的断言特性更是重中之重,今天和大家来讨论一下asconst断言。代码和讨论我们首先来看一段代码,如下:leta:string="a......
  • 【译】适用于Node.js和TypeScript的完整ORM —— Prisma
    翻译自:www.prisma.io/blogPrisma是Node.js和TypeScript的下一代ORM。经过两年多的开发,我们很高兴分享所有Prisma工具已准备好投入生产!一个对象关系映射的新范例Prism......