当前位置: 首页 > news >正文

建一个收费网站 怎么收费服务器活动

建一个收费网站 怎么收费,服务器活动,给自己的爱人做网站,建立网站所需费用项目清单背景 上一篇文章我们介绍了TypeScript的一些特性,主要是其与JavaScript的比较,接下来我们将会开始学习Type的语法,这篇文章将会介绍TypeScript的数据类型。 原始数据类型 TypeScript是JavaScript的超集,TypeScript的数据类型就…

背景

上一篇文章我们介绍了TypeScript的一些特性,主要是其与JavaScript的比较,接下来我们将会开始学习Type的语法,这篇文章将会介绍TypeScript的数据类型。

原始数据类型

TypeScript是JavaScript的超集,TypeScript的数据类型就是JavaScript的数据类型,大致可以分为基本数据类型和对象类型,基本类型包括boolean、number、string、undefine以及在ES6中的新类型Symbol和ES10中的新类型BigInt。

boolean类型

boolean类型是最基本的数据类型,只有false和true两个值,在TypeScript可以通过以下代码来声明boolean类型

let isDone: boolean = false;

其中需要注意的是使用构造函数Boolean构造的对象并不死boolean值,而是一个对象:

let createByNewBoolean: Boolean = new Boolean(1);

number类型

let decLiteral: number = 6;
//16进制数
let hexLiteral: number = 0xf00d;
//二进制数
let binaryLiteral: number = 0b1010;
//八进制数
let octalLiteral: number = 0O744;
let notNumber: number = NaN;
let infinityNumber: number = Infinity;

其中 0b1010 和 0o744 是 ES6 中的二进制和八进制表示法,它们会被编译为十进制数字。

var decLiteral = 6;
var hexLiteral = 0xf00d;
// ES6 中的二进制表示法
var binaryLiteral = 10;
// ES6 中的八进制表示法
var octalLiteral = 484;
var notANumber = NaN;
var infinityNumber = Infinity;

字符串string

TypeScript中使用string定义字符串类型:

let myName: string = "Tom";
let myAge: number = 26;//字符串模版
let sentence: string = \`Hello, my name is ${myName}. I am ${myAge} years old.\`;
console.log(sentence);

编译结果为

var myName = "Tom";
var myAge = 26;
//字符串模版
var sentence = "Hello, my name is ".concat(myName, ". I am ").concat(myAge, " years old.");
console.log(sentence);

其中 ` 用来定义 ES6 中的模板字符串,${expr} 用来在模板字符串中嵌入表达式。

void

在JavaScript中没有void的概念,在TypeScript中void表示不是任何类型,常用于函数没有返回值:

function alertName(): void {alert('My name is Tom');
}

一般不会声明一个void类型的变量,如果声明了也只能赋值为undefine。

null和undefine

在TypeScript中null类型和undefine类型是所有类型的子类型,也就是说undeine和null可以赋值给任何类型。

// 这样不会报错
let num: number = undefined;let num_null: number = null;

上述内容IDE可能会报红,但是可以编译通过。

Any类型

如果变量是一个普通的类型,在赋值的过程中是不可以改变类型的,例如一下如果声明为string类型如果渎职number则会报错:

ley myNumber: string = "six";
myNumber = 6;

但是如果是any类型,则可以赋值为任意类型:

let myFavoriteNumber: any = 'seven';
myFavoriteNumber = 7;

如果一个变量被声明为any,可以访问任何属性,也可以挑用任何方法,对于它的任何操作返回的都是any类型。

let anyThing: any = 'hello';
console.log(anyThing.myName);
console.log(anyThing.myName.firstName);
let anyThing: any = 'Tom';
anyThing.setName('Jerry');
anyThing.setName('Jerry').sayHello();
anyThing.myName.setFirstName('Cat');

变量如果在声明的时候,未指定其类型,那么它会被识别为任意值类型:

let something;
something = 'seven';
something = 7;something.setName('Tom');

等价于

let something: any;
something = 'seven';
something = 7;something.setName('Tom');

联合类型

联合类型(Union Types)表示取值可以为多个类型中的一种,联合类型使用|分隔每一个类型,例子如下:

let myFavoriteNumber: string | number;
myFavoriteNumber = "seven";
myFavoriteNumber = 7;

这里表示myFavoriteNumber可以是string类型难过也可以是number类型,但是不能是其他类型。

访问联合类型的属性或方法

当TypeScript不确定一个联合类型的变量到底是哪一个类型时只能访问此联合类型的所有类型共有的属性和方法:

function getLength(something: string | number): number {return something.length;
}

在上述例子中会报错,因为number是没有length属性的,如果访问共有属性则没有问题,例子如下:

function getString(something: string | number): string {return something.toString();
}

在联合类型的变量被赋值的时候,会根据类型推断的规则推断出一个类型:

let myFavoriteNumber: string | number;
myFavoriteNumber = "seven";
console.log(myFavoriteNumber.length);
myFavoriteNumber = 7;
console.log(myFavoriteNumber.length)
//此时会报错,因为在赋值时类型推断已经知道myFavoriteNumber是number,而number没有length属性

最后

这篇文章主要介绍了TypeScript的基本类型如boolean、number、string、void、null和undefine,还介绍了任意类型Any和联合类型。更多内容可以关注公众号QStack。

http://www.yayakq.cn/news/557050/

相关文章:

  • 尤溪住房和城乡建设局网站湛江h5建站
  • 国外专门用于做网站图片的江苏建设职业技术学院
  • 宁波模板建站多少钱设计师培训班
  • 重生做二次元网站seo诊断分析报告
  • 长沙网站排名优化随州最新消息
  • asp网站只能打开首页黄冈app下载推广介绍
  • 有建设银行信用卡怎么登陆不了网站镇江网站建设方案
  • 如何选择企业网站开发wordpress 网站播放器插件下载
  • 体育视频网站建设公司网站是别人做的如何换logo
  • 东原ARC网站建设公司文登住房与建设局网站
  • iOS开发 隐私政策网站怎么做官方网站建设的重要性
  • 个人可以建购物网站吗seo和sem哪个工资高
  • 做外贸的阿里巴巴网站是哪个好汕头高端网站建设方法
  • 郑州做网站软件30天网站建设
  • 泸州网站开发哪个行业必须做网站
  • wordpress 获取当前位置河源网站建设1993seo
  • 天津平台网站建设推荐网站后台 栏目管理
  • 怎么查那家网络公司做的所以网站广东黄页企业名录
  • 网站开发用建立网站的基本条件
  • 如何开发网站帮人做分销网站违法么
  • 公司注册网站需要什么条件大沥南庄网站建设
  • 南沙营销网站建设从广州回来需要隔离吗?
  • 新网站做seo 的效果国内Wordpress博客平台
  • 网站建设外包给别人要注意什么做网站的技术理论
  • 网站页面高度网站推广排名收费
  • 网站功能模块图蓝月wordpress
  • 网盘搜索 网站开发网站建站建设的公司
  • 公司建设网站的申请网站建设论坛首页
  • 模板网站怎么做卖网站设计介绍
  • 怎样帮人做网站挣钱一种子网站做的很好的视频广告