当前位置: 首页 > wzjs >正文

胶南做网站寻找郑州网站建设公司

胶南做网站,寻找郑州网站建设公司,上海城市建设官方网站,下载河北人社网app类型语言,在代码规模逐渐增大时,类型相关的错误难以排查。TypeScript 由微软开发,它本质上是 JavaScript 的超集,为 JavaScript 添加了静态类型系统,让开发者在编码阶段就能发现潜在类型错误,提升代码质量&…

类型语言,在代码规模逐渐增大时,类型相关的错误难以排查。TypeScript 由微软开发,它本质上是 JavaScript 的超集,为 JavaScript 添加了静态类型系统,让开发者在编码阶段就能发现潜在类型错误,提升代码质量,使代码更具可维护性。以变量声明为例,JavaScript 中声明变量无需指定类型,而 TypeScript 能让开发者为变量、函数参数和返回值指定类型。​

环境搭建​

  1. 安装 Node.js:TypeScript 基于 Node.js 运行,可从 Node.js 官方网站下载安装包,按提示完成安装。安装后,在命令行输入node -v和npm -v,若显示版本号,说明安装成功。​
  1. 全局安装 TypeScript:打开命令行,执行npm install -g typescript,安装完成后,输入tsc -v,若显示版本号,说明 TypeScript 安装成功。​

第一个 TypeScript 程序​

在项目目录下新建hello.ts文件,输入以下代码:​

TypeScript

取消自动换行复制

let message: string = 'Hello, TypeScript!';​

console.log(message);​

在命令行进入hello.ts所在目录,执行tsc hello.ts,这会生成对应的hello.js文件。运行node hello.js,就能在控制台看到输出的Hello, TypeScript!。上述代码中,let message: string声明了一个类型为string的变量message,避免给message赋值非字符串类型数据,降低运行时错误风险。​

第二篇:TypeScript 类型系统详解​

基础类型​

TypeScript 支持多种基础类型,如number、string、boolean、null、undefined、symbol和bigint。示例如下:​

TypeScript

取消自动换行复制

let age: number = 25;​

let name: string = 'John';​

let isStudent: boolean = true;​

let n: null = null;​

let u: undefined = undefined;​

let sym: symbol = Symbol('id');​

let big: bigint = BigInt(100);​

数组类型​

定义数组有两种方式。一是在元素类型后加[],如let numbers: number[] = [1, 2, 3];;二是使用泛型语法Array<类型>,如let names: Array<string> = ['Alice', 'Bob'];。​

函数类型​

为函数定义参数和返回值类型,能让代码更清晰。例如:​

TypeScript

取消自动换行复制

function add(a: number, b: number): number {​

urn a + b;​

} ret​

上述add函数接受两个number类型参数,返回值也是number类型。​

类型推断​

TypeScript 能根据变量赋值自动推断类型。如let num = 10;,TypeScript 会推断num为number类型。尽管有类型推断,为提高代码可读性,复杂场景下仍建议显式指定类型。​

第三篇:深入 TypeScript 高级特性​

接口​

接口用于定义对象的形状,确保对象符合特定结构。示例如下:​

TypeScript

取消自动换行复制

interface User {​

name: string;​

age: number;​

}​

function printUser(user: User) {​

console.log(`Name: ${user.name}, Age: ${user.age}`);​

}​

let tom: User = { name: 'Tom', age: 30 };​

printUser(tom);​

上述代码定义了User接口,printUser函数接受符合User接口的对象。​

类​

TypeScript 的类支持面向对象编程特性,如封装、继承和多态。下面是一个简单的类示例:​

TypeScript

取消自动换行复制

class Animal {​

name: string;​

constructor(name: string) {​

this.name = name;​

}​

speak() {​

console.log(`${this.name} makes a sound.`);​

}​

}​

class Dog extends Animal {​

speak() {​

console.log(`${this.name} barks.`);​

}​

}​

let myDog = new Dog('Buddy');​

myDog.speak();​

上述代码中,Dog类继承自Animal类,并重写了speak方法。​

泛型​

泛型让开发者创建可复用的组件,在定义函数、接口或类时不指定具体类型,而是在使用时指定。例如:​

TypeScript

取消自动换行复制

function identity<T>(arg: T): T {​

return arg;​

}​

let result = identity<number>(5);​

上述identity函数使用泛型T,可接受任意类型参数并返回相同类型值。


文章转载自:

http://20R9V4l0.ckqng.cn
http://kaAI8KUa.ckqng.cn
http://4ymiLSLo.ckqng.cn
http://HDCAbqPs.ckqng.cn
http://NRv36oIR.ckqng.cn
http://1gUP5SMO.ckqng.cn
http://uKXcImfd.ckqng.cn
http://LfHbxSm5.ckqng.cn
http://pS5QWMKO.ckqng.cn
http://mQK9GPCc.ckqng.cn
http://7uZNnAZ8.ckqng.cn
http://yTZUmx4Z.ckqng.cn
http://9LNwreWl.ckqng.cn
http://DZw8EhgK.ckqng.cn
http://626wOlPU.ckqng.cn
http://8k1Zw7db.ckqng.cn
http://D2R6Kr2b.ckqng.cn
http://ayLsntA8.ckqng.cn
http://eHXRYn8R.ckqng.cn
http://CyRrAksT.ckqng.cn
http://nRv6stuw.ckqng.cn
http://GiI0QGt3.ckqng.cn
http://mnqpbb1S.ckqng.cn
http://QVjCj6Vg.ckqng.cn
http://N9k1AXvp.ckqng.cn
http://PNyutoap.ckqng.cn
http://xU2k57L3.ckqng.cn
http://ipYG16xj.ckqng.cn
http://1Y83us7R.ckqng.cn
http://1MAMy2g0.ckqng.cn
http://www.dtcms.com/wzjs/661772.html

相关文章:

  • 关于文化的网站模板全球vi设计公司
  • wordpress相关文章源文件保定seo企业网站
  • 网站建设主题的确定wordpress 广告传媒
  • 网站黑名单网站建设淄博佳铉网络
  • 注册网站需要多少钱京东网店怎么开
  • 网站建设与管理收获工业和信息化网站备案系统
  • 服务好的公司网站建设与维护广告公司起名用字大全
  • 做网站要学那些东西如何打开国外网站
  • 保险理财网站建设沈阳网站app制作
  • 免费安全网站大全入口搜索引擎优化网站
  • 怎么用vs做网站开发天津网站建设如何
  • 网站建设成功案例方案网站建设需要多少钱?
  • 网站体验方案中国知名品牌
  • 湘潭学校网站建设 z磐石网络dw网页制作教程视频简单第二期
  • wordpress子站搭建湖南常德文理学院
  • 钢结构网站慈溪做无痛同济 amp 网站
  • 公司没有自己的网站怎么样学好网页设计
  • 网页制作员厂家怎么对一个网站做优化
  • 东风地区网站建设页面好看的蛋糕网站
  • 怎么注销公司法人身份郑州网站关键字优化
  • 做网站是先买域名还是wordpress批量删除文章
  • 广东城乡住房建设部网站有没有专做烘焙的网站
  • 律师事务所网站方案网址ip查询域名解析
  • 网站做推广需要到工信部备案吗oppo网站开发设计
  • 南昌市住房和城乡建设网站wordpress 1g1核1m
  • 网站建设公司新报网站建设设计规划书
  • 无极电影网站财务管理专业简历制作
  • 银川建立网站手工做女宝宝衣服的网站
  • 网站模块是指什么地方网页设计制作网站素材
  • 关于网站制作微信小程序开发需要什么