当前位置:Gxlcms > 前端框架 > javascript的超集是什么

javascript的超集是什么

时间:2021-07-01 10:21:17 帮助过:43人阅读

javascript的超集是TypeScript。TypeScript是由微软开发的自由和开源的编程语言,支持ES 6标准;其设计目标是开发大型应用,它可以编译成纯JavaScript,编译出来的JavaScript可以运行在任何浏览器上。

本教程操作环境:windows7系统、TypeScript 4版、Dell G3电脑。

TypeScript 简介:

1、TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。

超集: 如果一个集合S2中的每一个元素都在集合S1中,且集合S1中可能包含S2中没有的元素,则集合S1就是S2的一个超集,反过来,S2是S1的子集。 S1是S2的超集,若S1中一定有S2中没有的元素,则S1是S2的真超集,反过来S2是S1的真子集。

2、TypeScript 由微软开发的自由和开源的编程语言。

3、TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

TypeScript 操作:

我们可以使用 tsc 命令来执行 TypeScript 的相关代码

通常我们使用 .ts 作为 TypeScript 代码文件的扩展名,
然后执行以下命令将 TypeScript 转换为 JavaScript 代码:

tsc test.ts

这时在当前目录下(与 test.ts 同一目录)就会生成一个 test.js 文件。
使用 node 命令来执行 test.js 文件

$ node test.js

TypeScript 变量声明:

TypeScript 变量的命名规则:

  • 变量名称可以包含数字和字母。
  • 除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格。
  • 变量名不能以数字开头

语法: var [变量名] : [类型] = 值;

var [data]:[string]='hello world';

注意:

  • 当声明变量时没有值会默认给值:undefined
  • 当声明变量给了变量名时其类型是任意的
  • 当声明变量没给值和类型时,其类型时任意的,值为undefined

如果给的值和类型不匹配则会报错。

基础类型:

1、任意类型 any:声明为 any 的变量可以赋予任意类型的值。

2、数字类型 number:双精度 64 位浮点值。它可以用来表示整数和分数。一个字符系列,使用单引号(’)或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式。

let data: number = 6;

3、字符串类型 string:一个字符系列,使用单引号(’)或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式。

let name: string = "ipad";
let years: number = 5;
let words: string = `今年是 ${ name } 发布 ${ years + 1} 周年`;

4、布尔类型 boolean:表示逻辑值:true 和 false。

let flag: boolean = true;

5、枚举 enum: 枚举类型用于定义数值集合。

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 2

6、void void :用于标识方法返回值的类型,表示该方法没有返回值。

function hello(): void {
    alert("Hello Runoob");
}

7、null null:表示对象值缺失。

8、undefined undefined: 用于初始化变量为一个未定义的值

9、never never:never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。

变量作用域:

TypeScript 有以下几种作用域:

  • 全局作用域 − 全局变量定义在程序结构的外部,它可以在你代码的任何位置使用。
  • 类作用域 − 这个变量也可以称为 字段。类变量声明在一个类里头,但在类的方法外面。 该变量可以通过类的对象来访问。类变量也可以是静态的,静态的变量可以通过类名直接访问。
  • 局部作用域 − 局部变量,局部变量只能在声明它的一个代码块(如:方法)中使用。

TypeScript 输出:

TypeScript 的输出和JavaScript一样使用:console.log();

var [ename]:[string]='小明';
var [age] : [number] = 10;
console.log(ename);
console.log(age);

更多编程相关知识,请访问:编程视频!!

以上就是javascript的超集是什么的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行