【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

相关文章

JVM 的类初始化机制

前言 当你在 Java 程序中new对象时,有没有考虑过 JVM 是如何把静态的字节码(byte code)转化为运行时对象的呢,这个问题看似简单,但清楚的同学相信也不会太多,这篇文章首先介绍 JVM 类初始化的机制,然后给出几个易出错的实例来分析,帮助大家更好理解这个知识点。 JVM 将字节码转化为运行时对象分为三个阶段,分别是:loading 、Linking、initialization

Spring Security 基于表达式的权限控制

前言 spring security 3.0已经可以使用spring el表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。 常见的表达式 Spring Security可用表达式对象的基类是SecurityExpressionRoot。 表达式描述hasRole([role])用户拥有制定的角色时返回true (Spring security默认会带有ROLE_前缀),去

浅析Spring Security认证过程

类图 为了方便理解Spring Security认证流程,特意画了如下的类图,包含相关的核心认证类 概述 核心验证器 AuthenticationManager 该对象提供了认证方法的入口,接收一个Authentiaton对象作为参数; public interface AuthenticationManager {Authentication authenticate(Authenti

Spring Security--Architecture Overview

1 核心组件 这一节主要介绍一些在Spring Security中常见且核心的Java类,它们之间的依赖,构建起了整个框架。想要理解整个架构,最起码得对这些类眼熟。 1.1 SecurityContextHolder SecurityContextHolder用于存储安全上下文(security context)的信息。当前操作的用户是谁,该用户是否已经被认证,他拥有哪些角色权限…这些都被保

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明(认真看哦) AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证,则会调用 #attemptAuthentica

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

Java架构师知识体认识

源码分析 常用设计模式 Proxy代理模式Factory工厂模式Singleton单例模式Delegate委派模式Strategy策略模式Prototype原型模式Template模板模式 Spring5 beans 接口实例化代理Bean操作 Context Ioc容器设计原理及高级特性Aop设计原理Factorybean与Beanfactory Transaction 声明式事物

Java进阶13讲__第12讲_1/2

多线程、线程池 1.  线程概念 1.1  什么是线程 1.2  线程的好处 2.   创建线程的三种方式 注意事项 2.1  继承Thread类 2.1.1 认识  2.1.2  编码实现  package cn.hdc.oop10.Thread;import org.slf4j.Logger;import org.slf4j.LoggerFactory

JAVA智听未来一站式有声阅读平台听书系统小程序源码

智听未来,一站式有声阅读平台听书系统 🌟 开篇:遇见未来,从“智听”开始 在这个快节奏的时代,你是否渴望在忙碌的间隙,找到一片属于自己的宁静角落?是否梦想着能随时随地,沉浸在知识的海洋,或是故事的奇幻世界里?今天,就让我带你一起探索“智听未来”——这一站式有声阅读平台听书系统,它正悄悄改变着我们的阅读方式,让未来触手可及! 📚 第一站:海量资源,应有尽有 走进“智听

科研绘图系列:R语言扩展物种堆积图(Extended Stacked Barplot)

介绍 R语言的扩展物种堆积图是一种数据可视化工具,它不仅展示了物种的堆积结果,还整合了不同样本分组之间的差异性分析结果。这种图形表示方法能够直观地比较不同物种在各个分组中的显著性差异,为研究者提供了一种有效的数据解读方式。 加载R包 knitr::opts_chunk$set(warning = F, message = F)library(tidyverse)library(phyl