【第2編】Type Script基本タイプ詳細
4516 ワード
Type Script-基本タイプはプログラムに対して基本的なデータユニット、例えばnumbers、stregs、structures、bollanなどのデータ構造が必要です. Type Scriptでは多くのあなたが望むJavaScriptに保有するデータタイプシステムをサポートしています. 1つのbootleanタイプのデフォルト値はfalseであると宣言します.変数のタイプを説明する必要があります.私たちが作成したアプリケーションは知らないかもしれません.これらの値は、例えばユーザまたは第三者ライブラリから動的コンテンツから来ることができる.このような状況では、我々はタイプチェックを終了します.*コンパイルを通じて価値観をチェックします. voidと「any」に対するデータの種類は、「Void」であり、データの種類がないことを表しています.私たちがよく使う方法の一つには、戻り値がありません.
Type Script基本タイプ詳細
1、ブログのすべての文章は本人が2014年に作成したもので、GItHubのソースコードは2014年と2015年に整理したものがあります.2013年にプロジェクトがType Scriptに接触したため、同時にKendoUI開発に接触した時Type Scriptの影があります.1年後に公式文書にAPI文書があることをじっくりと考えてみました.
//1、 boolean false
// JavaScript TypeScript true/false, ’boolean’ 。
var isFlag:boolean=false;
2、numberタイプの値を宣言する//2、 number
// JavaScript,TypeScript , ‘number’。
var orderNumber:number=100;
3、一つのStringタイプを宣言する//3、 String
// webpages JavaScript 。 ’string’ 。
//TypeScript JavaScript (“)
var userName:string=" ";
4、配列Aray// TypeScript JavaScript 。
// , ’[]‘:
var list:number[] = [1, 2, 3];
// , :
var list1:Array = [1, 2, 3];//
5、エニュメレーション//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 , 4
notSure = "this string";// this string
notSure = false; // boolean .
var list2:any[] = [1, true, "free"];
list2[1] = 100;
7、voidと‘any’ // :
//, :function doMain:void{}
function warnUser(): void {
alert("This is my void");
}
jqueryとtypescriptを組み合わせて使用します./**** reference path jquery.d.ts jquery$ .**/
///
/**
* 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 $, .**/
///
//var colorList:Array=["red","blue","green","yellow"];//string
var colorList:Array=["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
プロジェクトソースコードType Script基本タイプ詳細
1、ブログのすべての文章は本人が2014年に作成したもので、GItHubのソースコードは2014年と2015年に整理したものがあります.2013年にプロジェクトがType Scriptに接触したため、同時にKendoUI開発に接触した時Type Scriptの影があります.1年後に公式文書にAPI文書があることをじっくりと考えてみました.
TypeScript
を書きます.当初のダウンロード量は比較的高いです. Kotlin, TypeScript, Kotlin
、個人的な感覚で、その文法はアクションScriptと似ています.Swiftの書き方は似ています.だから、数年前に開発されていませんでしたが、その重要性のために、わざわざこの先端言語を整理するために、もう一度使います.