• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript照猫画虎

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

定义变量类型

const num: number = 1

定义函数参数类型

const init: (p: str) => void
	= function(param) {
		alert(param)
	}

定义外部变量

declare var document 
document.str = 'hello'

原始类型

var age: number = 2
var rating = 98.25

var isReady: boolean = true
var hasData = true

var firstName: string = 'John'
var lastName = 'Papa'

Arrays and Indexers

var names: string[] = ['John', 'Dan', 'Aaron', 'Fritz']

var firstPerson: string
firstPerson = names[0]

Null and Undefined

var num: number = null
var str: string = null
var isHappy: boolean = null
var customer: {} = null

var age: number;
var customer = undefined

var quantity: number
var company = undefined

对象类型

// object
var square = { h: 10, w: 20 }
var points: Object = { x: 10, y: 20 }

// function
var multiply = function (x: number) {
	return x * x
}

var multiplyMore: Function;
multiplyMore = function (x: number) {
	return x * *
}

Functions

image

var myFunc = function (h: number, w:number) {
	return h * w
}

var myFunc = (h: number, w: number) => h * w

// Void (Used as the return type for functions that return no value)

var greetMe : (msg: string) => void

greetMe = function (msg) {
	console.log(msg)
}

greetMe('Hello!')

Function Interface

interface SquareFunction {
	// 接收一个number类型参数,返回一个number类型的值
	(x: number): number
}

var squareItBasic: SquareFunction = num => num * num
interface Rectangle {
	h: number
	w?: number
}

squareIt: (react: Rectangle) => number

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap