从零开始学习typescript——什么是typescript

什么是typescript

typescript是javascript 类型的超级,他可以编译成纯javascript. TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。

这个是typescript 官网对 typescript的描述

背景及特点

TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,任何操作系统.

javascript兴起

在这里插入图片描述

  1. 诞生(1995年)
    Brendan Eich 在 1995 年创建了 JavaScript。最初被设计为在 Netscape Navigator 浏览器中实现交互和动态性。
  2. ECMAScript 的标准化(1997年)
    JavaScript 被提交给 ECMA International,经过标准化后成为 ECMAScript。ECMAScript 1 是 JavaScript 的第一个标准版本。
  3. Ajax 的兴起(2000年)
    Asynchronous JavaScript and XML(Ajax)的概念崭露头角。它使用 JavaScript 在不刷新整个页面的情况下进行数据交换。
  4. jQuery 的出现(2006年)
    jQuery 库的推出极大地简化了 JavaScript 的操作和跨浏览器兼容性问题,成为当时广泛使用的库。
  5. Node.js 的诞生(2009年)
    Ryan Dahl 发布了 Node.js,使 JavaScript 能够在服务器端运行。这一举措开创了全栈 JavaScript 开发的新纪元。
  6. 前端框架的崛起(2010年至今)
    AngularJS、React 和 Vue.js 等前端框架和库的出现大大提高了 JavaScript 的开发效率和应用范围。
  7. ES6(2015年)和之后的版本
    ECMAScript 6(ES6)的发布为 JavaScript 增加了许多新特性,如箭头函数、类、模块化等,大大提升了语言的功能性。
  8. 现代化的 JavaScript 生态系统
    WebAssembly(wasm)的兴起和现代浏览器的优化使得 JavaScript 在性能和功能上有了长足的进步。
    出现了各种工具和框架,如Webpack、Babel、TypeScript 等,帮助开发者更好地管理和扩展 JavaScript 项目。

javascript缺点

javascript一开始只希望在浏览器中增加一些简单的效果,并没有打算应用于大型项目。在小型项目中,问题并没有凸显出来,但是随着javascript兴起,应用的领域越来越广,缺陷也慢慢凸显出来,额外造成了很大的维护成本。
主要的缺点是:

  1. 大型项目维护成本过高
  2. 在编译阶段无法发现所有问题

javascript常见的错误
在这里插入图片描述

javascript概念

typescript是一门专为开发大规模javascript应用程序而设计的编程语言;是javascript的超集,包含了javascript现有的全部功能;使用了与javascript相同的语法和语义。

typescript设计原则

typescript保留了javascript代码的运行时行为,避免增加表达式级别的语法,仅仅增加类型相关语法;与当前和未来版本的ECMA script规范保持一致。

选择typescript的原因

能够更早地发现代码中的错误
能够帮助提高生产力
支持javascript语言的最新特性并且使用了与javascript语言相同的语法和语义

安装

安装node

进入node的官网,选择LTS 版本,根据自己的系统选择对应的安装包。
在这里插入图片描述
安装成功之后,在终端中输入node -v就可以验证是否安装成功。

安装typescript

npm install -g typescript

验证typescript

tsc -version

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

机器学习/sklearn 笔记:K-means,kmeans++

1 K-means介绍 1.0 方法介绍 KMeans算法通过尝试将样本分成n个方差相等的组来聚类,该算法要求指定群集的数量。它适用于大量样本,并已在许多不同领域的广泛应用领域中使用。KMeans算法将一组样本分成不相交的簇,每个簇由簇中样本的平均值描…

GIT实践与常用命令---回退

实践场景 场景1 回退提交 在日常工作中,我们可能会和多个同事在同一个分支进行开发,有时候我们可能会出现一些错误提交,这些错误提交如果想撤销,可以有两种解决办法:回退( reset )、反做(revert) keywords:reset、rev…

【计算方法与科学建模】矩阵特征值与特征向量的计算(二):Jacobi 过关法及其Python实现(Jacobi 旋转法的改进)

文章目录 一、Jacobi 旋转法1. 基本思想2. 注意事项 二、Jacobi 过关法1. 基本思想2. 注意事项 三、Python实现迭代过程(调试) 矩阵的特征值(eigenvalue)和特征向量(eigenvector)在很多应用中都具有重要的数…

Python 提高篇学习笔记(一):深拷贝和浅拷贝

文章目录 一、什么是对象的引用二、深拷贝和浅拷贝2.1 浅拷贝(Shallow Copy)2.2 深拷贝(Deep Copy)2.3 copy.copy和copy.deepcopy的区别 一、什么是对象的引用 在 Python 中,对象的引用是指变量指向内存中某个对象的地址或标识符。当你创建一个新的对象(比如一个整…

合格的全栈测试工程师,需要掌握哪些测试工具?

前言 俗话说,工欲善其事,必先利其器,所以一个好的软件测试工程师必须善于使用各种软件测试工具。软件测试工具是通过一些工具能够使软件的一些简单问题直观的展示在测试人员的面前,这样能使测试人员更好的找出软件错误的所在&…

iperf3 网络测试

iperf3 测试网络的上下行带宽 下载地址 https://iperf.fr/iperf-download.php 开启服务器 开启客户端 常用命令 -c 代表客户端-s 代表服务端-u 代表 udp-r 代表数据方向是否反向 https://baijiahao.baidu.com/s?id1731514357681464971&wfrspider&forpc

Python数据分析实战-爬取以某个关键词搜索的最新的500条新闻的标题和链接(附源码和实现效果)

实现功能 通过百度引擎,爬取以“开源之夏”为搜索关键词最新的500条新闻的标题和链接 实现代码 1.安装所需的库:你需要安装requests和beautifulsoup4库。可以使用以下命令通过pip安装: pip install requests beautifulsoup42.发起搜索请求…

Redis事务的理解与使用

文章目录 Redis 事务1)基本认识2)事务操作1.MULTI2.EXEC3.错误处理4.DISCARD5.WATCH6.SCRIPT Redis 事务 官方文档,永远是你学习的第一手资料:Redis 事务 1)基本认识 谈到事务,大家首先都会联想到 mysql 中复杂但又功能强大的“事务”&…

HTML新手入门笔记整理:HTML基本标签

结构标签 <html> </html> 告诉浏览器这个页面是从<html> 开始&#xff0c;到 </html>结束 <head> </head> 网页的头部&#xff0c;用于定义一些特殊内容&#xff0c;如页面标题、定时刷新、外部文件等。 <body> </body> …

Vue 3 渲染机制解密:从模板到页面的魔法

Vue 3 渲染机制解密 前言Vue 3的响应性系统1. **Reactivity API:**2. **Proxy 对象:**3. **Getter 和 Setter:**4. **依赖追踪:**5. **批量更新:**6. **异步更新:**7. **递归追踪:**8. **删除属性:** 虚拟DOM的角色1. **减少直接操作真实 DOM:**2. **高效的批量更新:**3. **跨平…

[论文笔记] Scaling Laws for Neural Language Models

概览: 一、总结 计算量、数据集大小、模型参数量大小的幂律 与 训练损失呈现 线性关系。 三个参数同时放大时,如何得到最佳的性能? 更大的模型 需要 更少的样本 就能达到相同的效果。 </

浅谈Python装饰器原理与用法分析

前言 本文实例讲述了Python装饰器原理与用法。分享给大家供大家参考&#xff0c;具体如下&#xff1a; 1、装饰器的本质是函数&#xff0c;主要用来装饰其他函数&#xff0c;也就是为其他函数添加附加功能 2、装饰器的原则: (1) 装饰器不能修改被装饰的函数的源代码 (2) 装…

智能卡接口芯片解决方案

一、基本概述 HCM8035是一款简洁且低成本的智能IC卡模拟接口芯片。内嵌升压模块&#xff0c;支持5V,3V,1.8V全电压读写。具有全面的安全保护机制&#xff0c;包括ESD保护&#xff0c;端口短路保护&#xff0c;电源上掉电保护。外围元件数目少&#xff0c;采用QFN32L封装。 今…

如何用惯性动作捕捉系统,快速创建数字人三维动画?

在动画制作领域&#xff0c;惯性动作捕捉技术已经逐渐成为一种重要的制作手段。通过动捕设备能够将动捕演员真实的动作转化为数字数据&#xff0c;然后在动画中再现这些动作。为了创造出逼真、流畅的数字人动画&#xff0c;惯性动作捕捉系统成为了一大工具。 根据采集方式的不…

感恩节的习俗 Custom of Family Dinner

感恩节是美国最普遍庆祝的传统节日之一。在每年11月的第四个星期四&#xff0c;感恩节如期而至。Thanksgiving is one of the most universally celebrated traditional American holidays. Every year, Thanksgiving arrives on the fourth Thursday of November without fail…

为Oracle链接服务器使用分布式事务

1 现象 在SQL Server中创建指向Oracle的链接服务器&#xff0c;SQL语句在事务中向链接服务器插入数据。返回链接服务器无法启动分布式事务的报错。 2 解决 在Windows平台下&#xff0c;SQL Server依赖分布式事务协调器&#xff08;MSDTC&#xff09;来使用分布式事务&#xff0…

光量子计算再创融资高峰!法国 Quandela获投5000万欧元

​&#xff08;图片来源&#xff1a;网络&#xff09; 法国光量子计算公司Quandela致力于开发首台光量子计算机&#xff0c;目前已获得超过5,000万欧元的巨额融资。投资者包括通过“法国2030计划”获得的法国政府支持以及银行合作伙伴、个人。新的投资者包括法国投资公司Seren…

Vue2系列 — 渲染函数 (render + createElement)

官网文档&#xff1a;https://v2.cn.vuejs.org/v2/guide/render-function.html 1 render 函数 render 函数 不使用模板&#xff0c;使用 js 生成虚拟 dom 2 createElement() 接受的参数&#xff1a; 参数1 节点类型参数2 attribute参数3 子节点 3 DEMO <template>&…

阿里云发送短信

官方代码如下&#xff1a; // This file is auto-generated, dont edit it. Thanks. package com.aliyun.sample;import com.aliyun.tea.*;public class Sample {/*** 使用AK&SK初始化账号Client* param accessKeyId* param accessKeySecret* return Client* throws Excep…

4G5G智能执法记录仪在保险公司车辆保险远程定损中的应用

4G智能执法记录仪&#xff1a;汽车保险定损的**利器 随着科技的不断进步&#xff0c;越来越多的智能设备应用到日常生活中。而在车辆保险定损领域&#xff0c;4G智能执法记录仪的出现无疑是一大**。它不仅可以实现远程定损&#xff0c;还能实现可视化操作、打印保单以及数据融…