• 慈善基金进社区 点对点帮扶居民 2019-04-10
  • 三面悬崖的3197哨所 战士背饮用水要走"天梯" 2019-04-10
  • 习近平《在深入推动长江经济带发展座谈会上的讲话》单行本出版 2019-04-09
  • 女子在自家院子乘凉 被后山滚落千斤巨石砸死 2019-04-07
  • 很深刻。当今城市化基本出于房地资本的繁衍需要与维持粗陋GDP的无奈,越来越显露其反动性。 2019-04-03
  • 故都之秋,惊艳了整个华东文章中国国家地理网 2019-04-03
  • 中国虚拟现实创新创业大赛南昌赛区颁奖仪式举行 2019-03-31
  • 邯郸“廉政诊所”筑起基层首道廉政防线 2019-03-31
  • 蔡英文,赖清德,李登辉,陈水扁..... 2019-03-24
  • 【北京海之沃车型报价】北京海之沃4S店车型价格 2019-03-22
  • 上海电影节第三日:电影市场热议产业新形势 2019-03-22
  • 特朗普雇佣资深律师应对涉俄调查 2019-03-18
  • 两部门:支持建设一批乡土经济活跃的农业产业强镇 2019-03-17
  • 法国总统马克龙首次访华 法国居民期待成果 2019-03-16
  • 黑龙江p62历史开奖结果

    黑龙江福彩p62开奖号码:TypeScript - 基本类型系统

    稿件来源: 阳光企业网站管理系统   撰稿作者: 太阳光   发表日期: 2015-08-01   阅读次数: 74   查看权限: 游客查看

    对于程序来说我们需要基本的数据单元,如:numbers, strings, structures, boolean 等数据结构。在TypeScript中我们支持很多你所期望在JavaScript中所拥有的数据类型系统。

    Boolean

    黑龙江p62历史开奖结果 www.tgpe.net 在JavaScript和TypeScript中也具有最基本的逻辑断言值true/false,采用’boolean’类型。

    var isDone: boolean = false;

    Number

    如JavaScript,TypeScript所有的数值类型采用浮点型计数,其类型为‘number’。

    var height: number = 6;

    String

    在webpages的JavaScript或者服务端的应用程序最基本的功能就是处理文本数据。在其他语言中大多使用’string’去代表文本数据类型。TypeScript和JavaScript一样也是用双引号(“)或者单引号包裹文本数据。

    var name: string = "bob";
        name = 'smith';

    Array

    在TypeScript中如JavaScript一样允许我们操结合操作。数组类型可以使用下边两种方式之一。

    第一种方式,你可以在数据类型之后带上’[]‘:

    var list:number[] = [1, 2, 3];

    第二种方式,也可以采用泛型的数组类型:

    var list:Array<number> = [1, 2, 3];

    Enum

    TypeScript为JavaScript新增了枚举这种标准的集合数据类型。和在c#中一样,枚举是为一组数值类型一组更友好的名称:

    enum Color {Red, Green, Blue};
    var c: Color = Color.Green;

    默认枚举类型其实数值从0开始,你可以可用手动设置某一个成员的数值。例如我们可以将上文的起始值定为1:

    enum Color {Red = 1, Green, Blue};
    var c: Color = Color.Green;

    或是手动设置全部的枚举成员:

    enum Color {Red = 1, Green = 2, Blue = 4};
    var c: Color = Color.Green;

    枚举类型可以和容易从一个数值类型获取对应枚举名称。例如我们有一个数值类型2,但不确认将匹配哪一个枚举成员,那么我们可以如下使用:

    enum Color {Red = 1, Green, Blue};
    var colorName: string = Color[2];
    alert(colorName);

    Any

    有时我们需要描述一些我们不知道的什么写进应用的动态数据类型,这可能来自第三方用户或者lib。在这里我们希望该数据不要加入TypeScript的类型检查,是的此值通过编译时检查。为此我们可以采用‘any’类型标注:

    var notSure: any = 4;
    notSure = "maybe a string instead";
    notSure = false; // okay, definitely a boolean

    ‘any’类型是一种强大的兼容存在的JavaScript库的类型系统。他允许跳过TypeScript的编译时类型的检查。

    ‘any’类型对于我们只知道部分数据类型,但是不是所有的数据类型的类型系统。如一个混合了多种类型的集合数组。

    var list:any[] = [1, true, "free"];
    list[1] = 100;

    Void

    和‘any’相对的数据类型则是’Void‘,它代表没有任何数据类型。我们常用的一个方法没有任何返回值:

    function warnUser(): void {
        alert("This is my warning message");
    }

    Node.js中运行

    首先安装typescript

    > npm install -g typescript

    然后编写typescript脚本并保存为file.ts,然后执行脚本

    > tsc file.ts

    将会得到一个普通javascript文件file.js

     

    关键词: javascript,typescript   编辑时间: 2015-08-01 11:29:36

    • 感到高兴

      8

      高兴
    • 感到支持

      8

      支持
    • 感到搞笑

      8

      搞笑
    • 感到不解

      8

      不解
    • 感到谎言

      8

      谎言
    • 感到枪稿

      8

      枪稿
    • 感到震惊

      8

      震惊
    • 感到无奈

      8

      无奈
    • 感到无聊

      8

      无聊
    • 感到反对

      8

      反对
    • 感到愤怒

      8

      愤怒
    50%(8)
    50%(8)
    共有0 条评论 发言请遵守【相关规定

    网友评论

    会员头像
    发 表同步腾讯微博  匿名评论  验证码:  点击更新
    • 暂无评论
    关闭??? align=文章图片 article Pictrue
    • 基于koa2+mysql+vue2.0+Element阳光内容管理系统
    • 代码覆盖率工具 Istanbul 入门教程
    • 全栈工程师的武器——MEAN
    • 9款超炫的 CSS3 复选框(Checkbox)
    • 微信开发在线翻译功能
    • CSS3那些不为人知的高级属性
    • 给easyui的datebox添加清空事件
    • flash写字效果
    • kendoUI系列教程之DropDownList下拉菜单
    • kendoUI系列教程之datetimepicker日期时间选择
    • kendoUI系列教程之datepicker日期选择
    • kendoUI系列教程之combobox下拉列表框
    • kendoUI系列教程之colorpicker
    • kendoUI系列教程之calendar日历表
    • kendoUI系列教程之autocomplete自动补齐
    • kendo ui简介
  • 慈善基金进社区 点对点帮扶居民 2019-04-10
  • 三面悬崖的3197哨所 战士背饮用水要走"天梯" 2019-04-10
  • 习近平《在深入推动长江经济带发展座谈会上的讲话》单行本出版 2019-04-09
  • 女子在自家院子乘凉 被后山滚落千斤巨石砸死 2019-04-07
  • 很深刻。当今城市化基本出于房地资本的繁衍需要与维持粗陋GDP的无奈,越来越显露其反动性。 2019-04-03
  • 故都之秋,惊艳了整个华东文章中国国家地理网 2019-04-03
  • 中国虚拟现实创新创业大赛南昌赛区颁奖仪式举行 2019-03-31
  • 邯郸“廉政诊所”筑起基层首道廉政防线 2019-03-31
  • 蔡英文,赖清德,李登辉,陈水扁..... 2019-03-24
  • 【北京海之沃车型报价】北京海之沃4S店车型价格 2019-03-22
  • 上海电影节第三日:电影市场热议产业新形势 2019-03-22
  • 特朗普雇佣资深律师应对涉俄调查 2019-03-18
  • 两部门:支持建设一批乡土经济活跃的农业产业强镇 2019-03-17
  • 法国总统马克龙首次访华 法国居民期待成果 2019-03-16
  • 五分彩中奖公式 北京时时彩11选5开奖结果走势图 河南体彩快赢481走势图 排列三 河北快三走势图 重庆时时彩全天候计划 时时彩龙虎 三分pk10手机计划软件 体彩七7星彩开奖号码 快乐飞艇介绍 投注haobc 七星彩图规 北京赛车赌法 深圳福彩中奖查询 2015.10.福彩中奖号码 加拿大pc28官方开奖