【第2篇】TypeScript - 基本类型详解
来源:互联网 发布:黎明杀机网络延迟挂 编辑:程序博客网 时间:2024/06/03 02:05
TypeScript文件代码
/** *@date:2015-07-16 *@Author:liangjilong *============================================================================== *==================================TypeScript - 基本类型======================= *============================================================================== *///对于程序来说我们需要基本的数据单元,如:numbers, strings, structures, boolean 等数据结构。//在TypeScript中我们支持很多你所期望在JavaScript中所拥有的数据类型系统。//1、声明一个boolean类型默认值是false//在JavaScript和TypeScript中也具有最基本的逻辑断言值true/false,采用’boolean’类型。var isFlag:boolean=false;//2、声明一个number类型值//如JavaScript,TypeScript所有的数值类型采用浮点型计数,其类型为‘number’。var orderNumber:number=100;//3、声明一个String类型//在webpages的JavaScript或者服务端的应用程序最基本的功能就是处理文本数据。在其他语言中大多使用’string’去代表文本数据类型。//TypeScript和JavaScript一样也是用双引号(“)或者单引号包裹文本数据var userName:string="龙梅子";//4、数组Array//在TypeScript中如JavaScript一样允许我们操结合操作。数组类型可以使用下边两种方式之一//第一种方式,你可以在数据类型之后带上’[]‘:var list:number[] = [1, 2, 3];//第二种方式,也可以采用泛型的数组类型:var list1:Array<number> = [1, 2, 3];//泛型数组//5、枚举Enum//TypeScript为JavaScript新增了枚举这种标准的集合数据类型。和在c#中一样,枚举是为一组数值类型一组更友好的名称:////------------------------------enum Color {Red, Green, Blue};//enum关键字 枚举对象{声明变量}var c1: Color = Color.Green;//从枚举里面拿出绿色出来赋给一个叫c的变量//---------手动枚举所有值都设置---------------------//默认枚举类型其实数值从0开始,你可以可用手动设置某一个成员的数值。例如我们可以将上文的起始值定为1:enum Color1 {Red = 1, Green = 2, Blue = 4};var c2: Color1 = Color1.Green;//---------手动设置全部的枚举成员:---------------------enum Color2 {Red = 1, Green, Blue};var colorName: string = Color2[2];alert(colorName);/** *我们可能需要描述变量的类型,当我们编写的应用程序,我们可能不知道。 *这些值可能来自动态内容,例如从用户或第三方库。在这种情况下,我们要退出类型检查的, *让价值观通过编译时检查,要做到这一点,我们的标签,这些与'任何'类型: *///6、any//any’类型是一种强大的兼容存在的JavaScript库的类型系统。他允许跳过TypeScript的编译时类型的检查。//‘any’类型对于我们只知道部分数据类型,但是不是所有的数据类型的类型系统。如一个混合了多种类型的集合数组var notSure: any = 4;//notSure这个是不确定的值,默认先给一个数字4notSure = "this string";//改变这个值为this stringnotSure = false; //最终确定的值是一个boolean值.//------------------var list2:any[] = [1, true, "free"];list2[1] = 100; //7、void和‘any’相对的数据类型则是’Void‘,它代表没有任何数据类型。我们常用的一个方法没有任何返回值://,格式如:function doMain:void{}function warnUser(): void { alert("This is my void");} /****使用reference和path引入jquery.d.ts文件使用jquery$就不会报错.**//// <reference path="../plugins/typescript/typings/jquery.d.ts" />/** * ts的void,string结合jquery的使用. * *//***返回void值***/ function setTableRowHtml1():void{ var userName:string=""; $("tr").each(function(){ userName=$(this).find("td:eq(1)").html(); }); alert(userName); }/***返回string一个值***/ function setTableRowHtml2():string{ var userName:string=""; $("tr").each(function(){ userName=$(this).find("td:eq(1)").html(); }); return userName; }$(function(){ //setTableRowHtml1(); var userName=setTableRowHtml2(); alert(userName); });/****使用reference和path引入jquery.d.ts文件使用jquery.d.ts声明的的$,不引就报错.**//// <reference path="../plugins/typescript/typings/jquery.d.ts" />//var colorList:Array<string>=["red","blue","green","yellow"];//string类型var colorList:Array<any>=["red","blue","green","yellow"];//any不知道类型//---测试数组打印出来控制台/function testArray():void{ $.each(colorList,function(key,val){ console.log(key+"="+val); }); $(colorList).each(function(key,val){ console.log(key+"="+val); });}/***返回一个值***/ function setTableRowColor():void{ $("tr").each(function(){ //找到tr下面的所有td的第二个列都加上背景blue,字体颜色加上red $(this).find("td:eq(1)").css({ color: "red", background: "blue" }); }); } function setTableRowColor1():void{ $("tr").each(function(){ for(var i=0;i<colorList.length;i++){ //找到tr下面的所有td的第二个列都加上背景blue,颜色就加上green色 if(i==1){ $(this).find("td:eq(1)").css({ color: colorList[i], background: colorList[i+1] }); } } }); }$(document).ready(function(){ testArray(); setTableRowColor(); //setTableRowColor1(); });
JavsScript文件代码
/** *@date:2015-07-16 *@Author:liangjilong *============================================================================== *==================================TypeScript - 基本类型======================= *============================================================================== *///对于程序来说我们需要基本的数据单元,如:numbers, strings, structures, boolean 等数据结构。//在TypeScript中我们支持很多你所期望在JavaScript中所拥有的数据类型系统。//var isFlag:boolean=false;这个 : 号代表应该是代表继承的意思,从C#的.cs文件可以看出来,//public class IndexController : Controller,Typescript也是微软开发出来的一个超级js//1、声明一个boolean类型默认值是false//在JavaScript和TypeScript中也具有最基本的逻辑断言值true/false,采用’boolean’类型。var isFlag = false;//2、声明一个number类型值//如JavaScript,TypeScript所有的数值类型采用浮点型计数,其类型为‘number’。var orderNumber = 100;//3、声明一个String类型//在webpages的JavaScript或者服务端的应用程序最基本的功能就是处理文本数据。在其他语言中大多使用’string’去代表文本数据类型。//TypeScript和JavaScript一样也是用双引号(“)或者单引号包裹文本数据var userName = "龙梅子";//4、数组Array//在TypeScript中如JavaScript一样允许我们操结合操作。数组类型可以使用下边两种方式之一//第一种方式,你可以在数据类型之后带上’[]‘:var list = [1, 2, 3];//第二种方式,也可以采用泛型的数组类型:var list1 = [1, 2, 3]; //泛型数组//5、枚举Enum//TypeScript为JavaScript新增了枚举这种标准的集合数据类型。和在c#中一样,枚举是为一组数值类型一组更友好的名称:////------------------------------var Color;(function (Color) { Color[Color["Red"] = 0] = "Red"; Color[Color["Green"] = 1] = "Green"; Color[Color["Blue"] = 2] = "Blue";})(Color || (Color = {}));; //enum关键字 枚举对象{声明变量}var c1 = Color.Green; //从枚举里面拿出绿色出来赋给一个叫c的变量//---------手动枚举所有值都设置---------------------//默认枚举类型其实数值从0开始,你可以可用手动设置某一个成员的数值。例如我们可以将上文的起始值定为1:var Color1;(function (Color1) { Color1[Color1["Red"] = 1] = "Red"; Color1[Color1["Green"] = 2] = "Green"; Color1[Color1["Blue"] = 4] = "Blue";})(Color1 || (Color1 = {}));;var c2 = Color1.Green;//---------手动设置全部的枚举成员:---------------------var Color2;(function (Color2) { Color2[Color2["Red"] = 1] = "Red"; Color2[Color2["Green"] = 2] = "Green"; Color2[Color2["Blue"] = 3] = "Blue";})(Color2 || (Color2 = {}));;var colorName = Color2[2];alert(colorName);/** *我们可能需要描述变量的类型,当我们编写的应用程序,我们可能不知道。 *这些值可能来自动态内容,例如从用户或第三方库。在这种情况下,我们要退出类型检查的, *让价值观通过编译时检查,要做到这一点,我们的标签,这些与'任何'类型: *///6、any//any’类型是一种强大的兼容存在的JavaScript库的类型系统。他允许跳过TypeScript的编译时类型的检查。//‘any’类型对于我们只知道部分数据类型,但是不是所有的数据类型的类型系统。如一个混合了多种类型的集合数组var notSure = 4; //notSure这个是不确定的值,默认先给一个数字4notSure = "this string"; //改变这个值为this stringnotSure = false; //最终确定的值是一个boolean值.//------------------var list2 = [1, true, "free"];list2[1] = 100;//7、void和‘any’相对的数据类型则是’Void‘,它代表没有任何数据类型。我们常用的一个方法没有任何返回值://,格式如:function doMain:void{}function warnUser() { alert("This is my void");}
<pre name="code" class="javascript">/****使用reference和path引入jquery.d.ts文件使用jquery$就不会报错.**//// <reference path="../plugins/typescript/typings/jquery.d.ts" />/** * ts的void,string结合jquery的使用. * *//***返回void值***/function setTableRowHtml1() { var userName = ""; $("tr").each(function () { userName = $(this).find("td:eq(1)").html(); }); alert(userName);}/***返回string一个值***/function setTableRowHtml2() { var userName = ""; $("tr").each(function () { userName = $(this).find("td:eq(1)").html(); }); return userName;}//---jquery执行.$(function () { //setTableRowHtml1(); var userName = setTableRowHtml2(); alert(userName);});
/****使用reference和path引入jquery.d.ts文件使用jquery.d.ts声明的的$,不引就报错.**//// <reference path="../plugins/typescript/typings/jquery.d.ts" />//var colorList:Array<string>=["red","blue","green","yellow"];//string类型var colorList = ["red", "blue", "green", "yellow"]; //any不知道类型//---测试数组打印出来控制台/function testArray() { $.each(colorList, function (key, val) { console.log(key + "=" + val); }); $(colorList).each(function (key, val) { console.log(key + "=" + val); });}/***返回一个值***/function setTableRowColor() { $("tr").each(function () { //找到tr下面的所有td的第二个列都加上背景blue,字体颜色加上red $(this).find("td:eq(1)").css({ color: "red", background: "blue" }); });}function setTableRowColor1() { $("tr").each(function () { for (var i = 0; i < colorList.length; i++) { //找到tr下面的所有td的第二个列都加上背景blue,颜色就加上green色 if (i == 1) { $(this).find("td:eq(1)").css({ color: colorList[i], background: colorList[i + 1] }); } } });}$(document).ready(function () { testArray(); setTableRowColor(); //setTableRowColor1();});
0 0
- 【第2篇】TypeScript - 基本类型详解
- TypeScript学习2--基本类型
- typescript[1] 基本类型
- 【第10篇】TypeScript类型比较《Type Compatibility》 案例代码详解
- 【第4篇】TypeScript类的详解案例代码使用。
- 【第5篇】TypeScript块module的案例代码详解
- 【第6篇】TypeScript函数function的案例代码详解
- 【第7篇】TypeScript泛型的案例代码详解
- 【第8篇】TypeScript的Mixin案例代码详解
- 【第9篇】TypeScript声明合并Merging 案例代码详解
- 一步一步学习TypeScript(02.基本类型)
- TypeScript学习笔记之基本类型
- 【第11篇】最全的中文TypeScript入门指南详解案例教程与代码
- 【第3篇】TypeScript接口使用
- 第2章 变量和基本类型
- 第2章 变量和基本类型
- 第2章:变量和基本类型
- 第2章 变量和基本类型
- Linux驱动中SD/MMC卡增加多个分区
- android的ondraw方法大全
- IOS的webview开发,打开pdf问题
- linux下安装Enterprisedb9.4(PPAS)及配置实战
- 用lvm管理Linux磁盘的大小
- 【第2篇】TypeScript - 基本类型详解
- cocoaPods中的podfile介绍;如何指定版本号
- sass语法
- Mantis -- windows
- ppt转换成pdf有哪些适用的方法
- 2015 Multi-University Training Contest 1记录
- 【Java】两个排序后的数组A和B,其中A的末端有足够的缓冲容纳B。编写一个方法,将B合并入A并排序。
- C#多线程分配
- 数组实现堆栈-压栈和弹栈