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

好用网站推荐网站设计案例

好用网站推荐,网站设计案例,企石镇网站仿做,长春网站优化方式TypeScript 是什么? 是以avaScript为基础构建的语言个一JavaScript的超集。可以在任何支持JavaScript的平台中执行。TypeScript扩展了JavaScript,并添加了类型。TS不能被JS解析器直接执行,需要编译成js。 基本类型 声明完变量直赴进行赋值 let c: boo…

TypeScript 是什么?

  • 是以avaScript为基础构建的语言
  • 个一JavaScript的超集。
  • 可以在任何支持JavaScript的平台中执行。
  • TypeScript扩展了JavaScript,并添加了类型。
  • TS不能被JS解析器直接执行,需要编译成js。

基本类型

声明完变量直赴进行赋值
let c: boolean = false;

如果变量的声明和赋值是同时进行的,TS可以自动对变量进行类型检测
let c = false;
c = true;

JS 中的函数是不考虑参数的类型和个数的

function sum(a, b){return a + b;
}
sum( 123, 456); // 579
sum( 123, "456"); // 123456

如果是ts,参数类型限制,个数也有限制
在参数小括号后面加类型设置函数的返回值

function sum(a:number, b:number):number{return a + b;
}
sum( 123, 456); // 579 
自动类型判断

。 TS拥有自动的类型判断机制
。当对变量的声明和赋值是同时进行的,TS编译器会自动判断变量的类型。所以如果你的变是的声明和赋值时同时进行的,可以省略掉类型声明。

类型

类型例子描述
number1,-33,2.5任意数字
string*hi’, “hi”, hi任意字符串
booleantrue、false布尔值true或false
字面量其本身限制变量的值就是该字面量的值
any*任意类型
unknown*类型安全的any
void空值(undefined)没有值 (或undefined)
never没有值不能是任何值
object{“key”:“value”}任意的]S对象
array[1,2,3]任意]S数组
tuple[4,5]元素,TS新增类型,固定长度数组
enumenum(A. B)枚举,TS中新增类型

使用

// 字面量
let a:10;
a = 10;// a只能等于 10.let sex : "male" |"female";
sex = "male"
sex = "female" // sex 只能等于这两个值// any 表示的是任意类型,一个变量设置类型为any后相当于对该变量关闭了TS的类型检测// 使用TS时,
let d: any;
// 声明变如果不指定类型,则TS 解析器会自动判断变的类型为any(隐式的any)
let d;
d = 10;
d = 'hello';
d = true;let e:unknown;
e = "hello"
e = 10
e = false;
let s :string// d的类型是any,它可以赋值给任意变量
s = d;
e = 'hello';
// unknown 实际上就是一个类型安全的any。 unknown美型的变量,不能直接赋值给其他交量。
// 解决1:可以通过判断类型来解决赋值
if(typeof e ==="string"){s =e;
}
// 解决2:类型断言,可以用来告诉解析器变最的实际类型
s = e as string; // 语法1:变 as 类型
s = <string>e;   // 语法2:<类 变量// never 表示永远不会返回结果
function fn2(): never{throw new Error(报错了!);
}//  用来指定对象中可以包含哪些属性
// 语法: {属性名: 属性值,属性名: 属性值}
// 在属性名后边加上?,表示属性是可选的
let b: (name: string, age?: number};
b = {name:孙悟空,,age: 181};
// [propName: string]: any 表示任意类型的属性
let c: (name: string, [propName: string]: any}
c ={ name:'猪八戒',age: 18,gender:'男'; }//设置函数结构的类型声明:
//语法:(形参: 类型,形参: 类型 ...) => 返回值let d: (a: number ,b: number)=>number;
d = function (n1: number ,n2: number ): number{return 10;
}// 数组的类型声明:
//语法1: 类型[]
// 语法2:Array<类型>
// string[] 表示字符串数组
let e: string[];
e = ['a','b','c'];
let g: Array<number>;
g = [123];//元组,元组就是固定长度的数组
//语法:[类型,类型,类型]
let h: [string, number];
h = ['hello'123];enum Gender{Male =0Female = 1
}
let i:{name: string,gender: Gender)
i={name:"zhangsan",gender:Gender.Male // 0
}
console.log(i.gender === Gender.Male)

补充

// &表示同时要满足
let j: { name: string } & { age: number };
// j = {name:"孙悟空",age: 181}// 美型的别名
type myType = 1 1 2 1 3 1 4 1 5;
let k: myType;
let m: myType;
k =2;
http://www.dinnco.com/news/54361.html

相关文章:

  • 香港人大陆做网站站长工具app下载
  • wordpress插件改图标seo免费优化
  • 上海企业网站建设公司名长沙百度首页排名
  • 如何做旅游攻略网站seo优化服务价格
  • 长沙哪里可以做网站上海疫情最新数据
  • wordpress 柚子seo技术中心
  • 网站设计价钱企业管理咨询培训
  • 在58做网站推广有效果吗今日头条新闻视频
  • 网站的黏度网站页面优化方案
  • 网站集约化建设标准公司网站免费建站
  • 国外优秀企业网站设计下载百度app下载
  • 像天猫网站怎么做零基础seo入门教学
  • 美女做视频网站太原seo网站排名
  • 绿色在线网站南京网站制作公司
  • 商务网站制作语言基础小程序如何推广运营
  • 微软哪个软件做网站国外搜索引擎网址
  • 在天津做网站的公司百度一下 你就知道首页
  • 意大利新闻淘宝关键词优化
  • 北京网络公司的网站网络营销的六大功能
  • 免费做初级会计试题网站有哪些北京做网站的公司有哪些
  • 毕业设计网站选题软件开发公司简介
  • 公司网站域名和空间产品网络营销策划方案
  • 网站建设英文怎么说域名注册服务网站查询
  • 网页小说怎么下载搜索优化是什么意思
  • 网站上线后所要做的事情android优化大师
  • 规划和设计一个网站微信广告平台推广
  • 织梦网站程序下载河南搜索引擎优化
  • 网站怎么做最省钱新媒体口碑营销案例
  • 做详情图的网站口碑营销是什么意思
  • 网站营销怎么做北京网站建设开发公司