APP下载

简单理解JavaScript TypeScript和JSX

消息来源:baojiabao.com 作者: 发布时间:2024-06-02

报价宝综合消息简单理解JavaScript TypeScript和JSX

原文:https://www.cnblogs.com/dadouF4/p/10032888.html

JavaScript:

基本概念:

JavaScript一种直译式指令码语言,是一种动态型别、弱型别、基于原型的语言,内建支援型别。它的直译器被称为JavaScript引擎,为浏览器的一部分,广泛用于浏览器客户端的指令码语言。

组成部分

ECMAScript,描述了该语言的语法和基本物件。

文件物件模型(DOM),描述处理网页内容的方法和界面。

浏览器物件模型(BOM),描述与浏览器进行互动的方法和界面。

基本特点

JavaScript是一种属于网络的指令码语言,已经被广泛用于Web应用开发,常用来为网页新增各式各样的动态功能,为使用者提供更流畅美观的浏览效果。通常JavaScript指令码是通过嵌入在HTML中来实现自身的功能的。

是一种解释性指令码语言(程式码不进行预编译)。

主要用来向HTML(标准通用标记语言下的一个应用)页面新增互动行为。

可以直接嵌入HTML页面,但写成单独的js档案有利于结构和行为的分离。

跨平台特性,在绝大多数浏览器的支援下,可以在多种平台下执行(如Windows、Linux、Mac、Android、iOS等)。

Javascript指令码语言同其他语言一样,有它自身的基本资料型别,表示式和算术运算子及程式的基本程式框架。Javascript提供了四种基本的资料型别和两种特殊资料型别用来处理资料和文字。而变数提供存放资讯的地方,表示式则可以完成较复杂的资讯处理。

日常用途

嵌入动态文字于HTML页面。

对浏览器事件做出响应。

读写HTML元素。

在资料被提交到服务器之前验证资料。

检测访客的浏览器资讯。

控制cookies,包括建立和修改等。

基于Node.js技术进行服务器端程式设计。

TypeScript:

基本概念:

TypeScript是一种由微软开发的自由和开源的程式语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态型别和基于类的面向物件程式设计。安德斯·海尔斯伯格,C#的首席架构师,已工作于TypeScript的开发。

TypeScript扩充套件了JavaScript的语法,所以任何现有的JavaScript程式可以不加改变的在TypeScript下工作。TypeScript是为大型应用之开发而设计,而编译时它产生 JavaScript 以确保相容性。

TypeScript 支援为已存在的 JavaScript 库新增型别资讯的标头档案,扩充套件了它对于流行的库如 jQuery,MongoDB,Node.js 和 D3.js 的好处。

特性

类 Classes

界面 Interfaces

模组 Modules

型别注解 Type annotations

编译时型别检查 Compile time type checking

Arrow 函式 (类似 C# 的 Lambda 表示式)

JavaScript 与 TypeScript 的区别

TypeScript 是 JavaScript 的超集,扩充套件了 JavaScript 的语法,因此现有的 JavaScript 程式码可与 TypeScript 一起工作无需任何修改,TypeScript 通过型别注解提供编译时的静态型别检查。

TypeScript 可处理已有的 JavaScript 程式码,并只对其中的 TypeScript 程式码进行编译。

JSX:

JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来建立虚拟DOM。当遇到

jsx常用语法:

在 { },内写js表示式程式码注释写法: { /* 注释内容 */ }HTML显示: 空格显示: 可以使用Unicode转码HTML显示: 样式系结:通过style属性来定义,但和真实DOM不同的是,属性值不能是字串而必须为物件。Hello World.事件系结:JSX采用驼峰写法来描述事件名称,大括号中是标准的JavaScript表示式,返回一个事件处理函式。Submit

2019-12-13 07:52:00

相关文章