【JavaScript系列】之零:TypeScript牛刀小试

2024-01-16 17:32

本文主要是介绍【JavaScript系列】之零:TypeScript牛刀小试,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

DATE: 2019-2-27

前言

   基于对JavaScript编程语言的好奇,在查看相关资料时,看到已经出现了一个更好的编程语言:TypeScript。下面简单介绍一下这个编程语言,作为JavaScript系列的开篇。

0、参考

浅谈TypeScript
官方网址:http://www.typescriptlang.org/
GITHUB:https://github.com/Microsoft/TypeScript

1、什么是TypeScript?

   TypeScript起源于开发应用程序规模的JavaScript应用程序的需求,是一种微软开发的自由和开源的编程语言,它是JavaScript的超集,扩展了JavaScript的语法。TypeScript可处理已有的JavaScript代码,并只对其中的TypeScript代码进行编译。TypeScript代码保存在ts文件中,ts文件经过编译之后会生成一个js文件,任何有效的JavaScript代码都可以直接作为TypeScript代码编译。因此现有的JavaScript代码可与TypeScript一起工作无需任何修改,TypeScript通过类型注解提供编译时的静态类型检查。

2、TypeScript安装

可以通过两种方式安装TypeScript:

  • 通过Node.js包管理器(npm)
  • 通过于Visual Studio 2012继承的MSI

通过npm安装的步骤:
一、安装npm

$curl http://npmjs.org/install.sh | sh
$ npm --version

二、安装TypeScript npm包

$npm install -g typescript

安装完成之后我们就可以使用TypeScript编译器,名称叫tsc,可将编译结果生成js文件。

三、编译TypeScript文件

tsc filename.ts
3、TypeScript优点
  • 便于开发人员做注释;
  • 能帮助开发人员检测出错误并修改。
  • TypeScript工具使重构变得更加容易、快捷。
  • TypeScript引入了JavaScript中没有的“类”的概念;
  • TypeScript引入了模块的概念,可以把声明、数据、函数和类封装到模块中。
  • 类型安全功能可以在编码期间检测错误,这为开发人员创建了一个更高效的编码和调试过程。
4、JavaScript应用

让我们来看看 JavaScript 如何帮助你构建可扩展的世界级产品。

  1. 服务器端开发
    NodeJS 已经成为很多后端开发人员的福音。它为 JS 程序员提供了一个非常强大的基础,帮助他们用 JavaScript 构建桌面和服务器应用程序,并且无需用到浏览器。
  2. 移动开发
    随着移动应用需求的快速增长,企业在将 Go-Mobile 作为增长战略方面存在着巨大的压力。为了满足这种不断增长的需求,很多跨平台框架正变得越来越流行,用以减少时间和成本。基于 JavaScript 的 AngularJs 和 React Native 正被用于构建出色的移动解决方案。
    事实上,React Native 在移动应用程序开发人员当中越来越受欢迎,他们都希望采用跨平台的移动开发方法,而不是去学习使用 Android 和 iOS 进行原生开发。
  3. 非常快的 JavaScript 引擎
    浏览器巨头 Mozilla、谷歌和苹果一直在展开竞争,意欲构建出最快的浏览器 JavaScript 解释器,确保浏览器能够模拟类似于原生应用程序运行的环境。他们正在努力为网络应用程序提供原生移动应用程序的功能、速度和性能。
5、必学的 JavaScript 框架

有很多流行的 JavaScript 框架,它们在首次亮相时就因为各种原因令开发人员惊叹不已。原因之一是因为这些技术栈的广泛采用以及围绕 JS 构建的广大社区。让我们来看看这些流行的 JS 框架。

  1. AngularJS
    这个由谷歌提供支持的 JS 框架是一个在开发者社区中非常受欢迎的框架。这个框架于 2010 年发布,采用了一种改良的 Web 开发方法,旨在使用最短的时间开发 Web 应用程序,可以帮助你开发出设计精美、稳定、安全和创新的移动和 Web 应用程序。
    它将 HTML 属性与 Angular 指令混合在一起,为 HTML 代码提供了全新的生命。此外,它易于理解且易于部署。
  2. ReactJS
    Facebook 和 Instagaram 的应用程序使用了 React.js。它可以帮助你开发可扩展的应用程序,以满足当今编程世界里的各种动态需求。
    ReactJS 非常可靠且稳定,顺畅的前端开发和虚拟 DOM 实现是开发人员青睐它的主要原因。
  3. Vue.js
    这个简单的框架应该是编程领域初学者应该考虑的选项之一。它的灵感来自 ReactJS、AngularJS 和 Knockout.js 等框架,旨在创建一个在各个方面都富有成效的生态系统。
  4. Meteor.js
    Meteor.js 于 2012 年由 Meteor 开发团队发布,使用了 MIT 许可,是一个开源 JavaScript 框架,让前端开发变得更简单。
    它是一个完整的框架,非常稳定,并使用纯 JavaScript 来构建可扩展的端到端 Web 和移动应用程序。它涵盖了完整的开发栈,并提供了大量的资源、教程和软件包,可以彻底改变 Web 或移动应用程序的开发过程。
  5. Backbone.js
    它由 Jeremy Ashkenas 在 2010 年发布,基于 MIT 许可。这个开源框架非常强大,提供了很多内置功能。它可以通过编写代码或使用第三方框架在其上构建功能完备的框架。像 Pinterest、Delicious、Disqus、沃尔玛和 Foursquare 这样的大巨头都使用了 Backbone。
  6. Polymer.js
    谷歌于 2013 年发布了这个 JS 框架,旨在通过 Web 组件扩展 HTML 功能。它为开发人员在浏览器技术的基础上构建自定义 HTML 元素提供了强大的动力。

THE END!

这篇关于【JavaScript系列】之零:TypeScript牛刀小试的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/613375

相关文章

SpringBoot多环境配置数据读取方式

《SpringBoot多环境配置数据读取方式》SpringBoot通过环境隔离机制,支持properties/yaml/yml多格式配置,结合@Value、Environment和@Configura... 目录一、多环境配置的核心思路二、3种配置文件格式详解2.1 properties格式(传统格式)1.

Apache Ignite 与 Spring Boot 集成详细指南

《ApacheIgnite与SpringBoot集成详细指南》ApacheIgnite官方指南详解如何通过SpringBootStarter扩展实现自动配置,支持厚/轻客户端模式,简化Ign... 目录 一、背景:为什么需要这个集成? 二、两种集成方式(对应两种客户端模型) 三、方式一:自动配置 Thick

Spring WebClient从入门到精通

《SpringWebClient从入门到精通》本文详解SpringWebClient非阻塞响应式特性及优势,涵盖核心API、实战应用与性能优化,对比RestTemplate,为微服务通信提供高效解决... 目录一、WebClient 概述1.1 为什么选择 WebClient?1.2 WebClient 与

Java.lang.InterruptedException被中止异常的原因及解决方案

《Java.lang.InterruptedException被中止异常的原因及解决方案》Java.lang.InterruptedException是线程被中断时抛出的异常,用于协作停止执行,常见于... 目录报错问题报错原因解决方法Java.lang.InterruptedException 是 Jav

深入浅出SpringBoot WebSocket构建实时应用全面指南

《深入浅出SpringBootWebSocket构建实时应用全面指南》WebSocket是一种在单个TCP连接上进行全双工通信的协议,这篇文章主要为大家详细介绍了SpringBoot如何集成WebS... 目录前言为什么需要 WebSocketWebSocket 是什么Spring Boot 如何简化 We

java中pdf模版填充表单踩坑实战记录(itextPdf、openPdf、pdfbox)

《java中pdf模版填充表单踩坑实战记录(itextPdf、openPdf、pdfbox)》:本文主要介绍java中pdf模版填充表单踩坑的相关资料,OpenPDF、iText、PDFBox是三... 目录准备Pdf模版方法1:itextpdf7填充表单(1)加入依赖(2)代码(3)遇到的问题方法2:pd

Java Stream流之GroupBy的用法及应用场景

《JavaStream流之GroupBy的用法及应用场景》本教程将详细介绍如何在Java中使用Stream流的groupby方法,包括基本用法和一些常见的实际应用场景,感兴趣的朋友一起看看吧... 目录Java Stream流之GroupBy的用法1. 前言2. 基础概念什么是 GroupBy?Stream

SpringBoot监控API请求耗时的6中解决解决方案

《SpringBoot监控API请求耗时的6中解决解决方案》本文介绍SpringBoot中记录API请求耗时的6种方案,包括手动埋点、AOP切面、拦截器、Filter、事件监听、Micrometer+... 目录1. 简介2.实战案例2.1 手动记录2.2 自定义AOP记录2.3 拦截器技术2.4 使用Fi

最新Spring Security的基于内存用户认证方式

《最新SpringSecurity的基于内存用户认证方式》本文讲解SpringSecurity内存认证配置,适用于开发、测试等场景,通过代码创建用户及权限管理,支持密码加密,虽简单但不持久化,生产环... 目录1. 前言2. 因何选择内存认证?3. 基础配置实战❶ 创建Spring Security配置文件

Spring Security 单点登录与自动登录机制的实现原理

《SpringSecurity单点登录与自动登录机制的实现原理》本文探讨SpringSecurity实现单点登录(SSO)与自动登录机制,涵盖JWT跨系统认证、RememberMe持久化Token... 目录一、核心概念解析1.1 单点登录(SSO)1.2 自动登录(Remember Me)二、代码分析三、