javascript的超集是什么
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的超集是什么的详细内容,更多请关注美工之家9502669.com其它相关文章!