TypeScript是强类型,静态类型的Java Script

news2024/9/21 10:42:13

1. 编程语言的分类

As we all know, JavaScript 是弱类型动态类型的编程语言。
在这里插入图片描述
首先我们来解释一下这几个名词:

  • 动态类型语言:在 运行期间(Runtime) 才去做数据类型检查的语言。
  • 静态类型语言:在 编译其间(Compile) 就进行数据类型检查的,C/C++/Java都是静态语言的典型代表。
  • 强类型语言:强制类型定义,若要修改其类型,必须进行显式类型转换。
  • 弱类型语言:数据类型可以被忽略的语言。(一个变量可以赋予不同类型值)

对于静态类型与动态类型的区分,有一句名言:

Static typing when possible, dynamic typing when needed


2. 举例说明JavaScript的特点

上面提到JavaScript 是弱类型动态类型的编程语言。这里我们做一下演示,来吐槽一下。

// 在这里,定义一个简单的求和函数
function sum(x,y){
	return x + y
}

在这里插入图片描述
这些就是弱类型的问题,最可怕的是JavaScript是动态类型语言,还必须在运行期间才能发现这些错误。(船到江心才补漏——晚了)

此时资深人士说了,我们JavaScript也可以避免上述问题:

// 这样做确实可以(只要你不怕麻烦)
function sum(x,y){
	 if(typeof(x) ==="number" && typeof(y)==="number"){
         return x + y
     }else{
         throw "invalid data"
     }
}

这时有强类型语言经验的同学发言了—— 给形参加上数据类
在这里插入图片描述


// 第一种方案:Uncaught SyntaxError: Unexpected token ':'
function sum(x:number,y:number){
	return x + y;
}
// 第二种方案:ncaught SyntaxError: Unexpected identifier 'x'
function sum(number x, number y){
	return x + y;
}


难道就没有一种方案,来给JavaScript开发者一丝安全感吗?

3. TypeScript的强大

在这里插入图片描述

TypeScript 与 JavaScript 有着不同寻常的关系。TypeScript 提供了 JavaScript 的所有功能,并在这些功能之上添加了一层: TypeScript 的类型系统

利用TypeScript的类型系统,我们可以这样写代码:

类型推断:通过感知 JavaScript 的工作原理,TypeScript 可以构建一个接受 JavaScript 代码但具有类型的类型系统。这个类型系统使得我们不需要添加额外的字符来显式地指定类型


// 创建变量并将其赋值给特定值时, TypeScript 将使用该值作为其类型。
const name:string = "BertKing"
// 类型推断
const name = "BertKing"

function sum(x:number,y:number):numbre{
	return x + y;
}

// 同理,TS具有类型推断能力,这里函数的返回值类型也可以省略
function sum(x:number,y:number){
	return x + y;
}

如果我们调用sum(5,true)就会在编译时报错:
在终端利用TypeScript的编译器:
在这里插入图片描述
使用VSCode:
在这里插入图片描述
总之,TypeScript会在代码执行前就报出明显的错误,其带来的严谨性能够有效的避免许多错误。这也就是所谓的TypeScript的静态类型检查

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/61786.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Redis】事务秒杀案例

一、背景 在日常购物时,经常会有商家开展限时秒杀活动,我们如何使用redis来实现这种场景呢 二、业务代码 首先我们可以想到的是,我们可以把商品剩余数量和成功秒杀商品的用户id放在redis中 下面是我们的业务代码 package com.decade.con…

2022物联卡平台排名前十的公司

2022年物联网行业开始爆发,针对于企业设备联网的物联卡就显得格外重要了,而共享单车,移动支付,智慧城市,自动售卖机等企业采购物联卡会面临着各种问题,低价陷阱,流量虚假,管理混乱&a…

【Spring框架】经典的 9 种设计模式,面试工程师必学知识

文章目录1.简单工厂(非23种设计模式中的一种)实现方式:实质:实现原理:设计意义:2.工厂方法实现方式:实现原理:例子:3.单例模式4.适配器模式实现方式:实现原理:实现过程&a…

[Swift]国际化

一、添加本地化语言 比如这里,我们添加了联合国六种工作语言(汉语,英语,法语,俄语,阿拉伯语和西班牙语)。 二、纯代码本地化 1. 创建本地化文件 默认文件名为“Localizable”,不要…

【教程】如何在服务器上部署豆瓣小组抢沙发聊天机器人

由于在自己的电脑上运行软件比较麻烦,毕竟自己电脑还要用呢。所以这里选择吧软件放到服务器上去运行。 1、选择性价比最高的轻量应用服务器:https://url.cn/pXUtW9f8 2、一定要选择windows server!!! 3、等待系统初始…

静态和默认路由配置-----计算机网络

拓扑图 实验场景:公司有一个总部和两个分支机构,其中AR1为总部路由器,其他两个为分支机构,ip网段如上图所示,现在通过配置路由器让三个地区可以互相通信。因为网络规模不大,所以采用静态路由和默认路由的方…

Postman进阶篇(十一)-在脚本中使用pm对象访问接口请求(pm.request.*)

在之前的文章中介绍过postman中的两个脚本——pre-request script或test script,在这两个脚本中都有使用到pm对象。(pre-request script详细介绍、Test script详细介绍)pm对象是在postman的脚本中非常重要,也是十分常用的方法。本…

文华财经期货多空趋势指标公式,期货幅图高抛低吸逃顶抄底精准买卖点信号系统

刚开始接触交易时,看着满屏的K线图,各种的 指标,脑子里自然会认为交易时一个非常复杂的事情,复杂到处处透露着神秘感,随着对交易学习的不断深入,看着厚厚的交易书籍,还 有复杂的图形演变、复杂的…

[附源码]Python计算机毕业设计SSM景区在线购票系统(程序+LW)

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

HTML5期末大作业:美妆网页主题网站设计——清新的手工肥皂网站展示(4页)HTML+CSS+JavaScript

🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (10…

[附源码]计算机毕业设计共享汽车系统

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

昨晚停网后,我写了一段Python代码攻破了隔壁老王家的wifi密码

前言 本文给大家分享的是如何通过 Python 脚本实现 WIFI 密码的暴力攻防,从而实现免费蹭网。 开发工具 Python版本: 3.8 相关模块: pywifi模块 环境搭建 安装Python并添加到环境变量,pip安装需要的相关模块即可。 文中密码本…

前端问题解决方法

src动态绑定的时候,千万不要忘记了 : ​ display:inline-block导致高度缩小,而且height增大也没有任何变化display:inline-block其他问题,参考这篇博客前端 - 解决inline-block元素的3个 bug_个人文章 - SegmentFault …

基于DNN深度学习网络的OFDM信号检测算法的matlab仿真,对比LS和MMSE两个算法

目录 1.算法描述 2.仿真效果预览 3.MATLAB核心程序 4.完整MATLAB 1.算法描述 在OFDM系统中,信道估计器的设计上要有两个问题:** 一是导频信息的选择,由于无线信道的时变特性,需要接收机不断对信道进行跟踪,因此导频信息也必须…

【科技与狠活】如何利用Python绘制足球场

卡塔尔世界杯赛程近半,朋友圈都在晒中奖的体育彩票,而我在搬砖🧱。 今天我将介绍如何使用Python Matplotlib创建一个足球场,本文设计球场尺寸为10568。 首先导入所需的依赖包: import pandas as pd import numpy as…

Spring框架(八):基于xml方式Bean的配置

基于xml方式Bean的配置引子基于xml方式Bean的配置Sping工厂实现静态工厂实例工厂FactoryBeanBean的依赖注入Spring的xml标签Spring的getBean方法Spring配置非自定义BeanSpringBean实例化的基本流程引子 痛定思痛,主要问题出现在自己雀氏不熟悉框架底层、一些面试题…

Vue 官方文档2.x教程学习笔记 1 基础 1.5 计算属性和侦听器 1.5.1 计算属性

Vue 官方文档2.x教程学习笔记 文章目录Vue 官方文档2.x教程学习笔记1 基础1.5 计算属性和侦听器1.5.1 计算属性1 基础 1.5 计算属性和侦听器 1.5.1 计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。 在模板中放入太多的逻辑会让模板过重且…

【Linux内核】Linux内核介绍

Linux学习内核思路 学习过程: Linux内核引导及如何初始化进程管理、内存管理 内核引导及过程:CPU通电后,首先执行引导程序,引导程序把内核加载到**内存,**然后执行内核,内核初始化完成后,启动…

[附源码]计算机毕业设计二次元信息分享平台的设计及实现

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

年产2万吨山楂酒工厂的设计-陈酿工段及车间的设计(lunwen+任务书+cad图纸)

目录 摘 要 I Abstract II 1前 言 1 1.1设计背景及目的 1 1.1.1山楂酒的介绍及功效 1 1.1.2目标人群 1 1.1.3发展前景 2 1.2设计依据 2 1.3设计内容 2 1.4原材料的选择 3 第二章 山楂酒生产工艺设计 5 2.1工艺流程 5 2.2 操作要点 5 2.2.1 原料选择 5 2.2.2清洗: 5 …