从C#到TypeScript - function
总目录
从C#到TypeScript - function
虽然TypeScript里有了类,但JavaScript的function
也还在,这也是和C#的不同所在。
C#里函数不能脱离类工作,但TypeScript的function
和JavaScript一样,可以单独工作。
函数类型
函数和C#一样可以有名字,也可以是匿名函数,匿名函数有两种写法:
function checkLogin(name: string, pwd: string): boolean{
return true;
}
let checkLogin = (name: string, pwd: string) => {
return false;
}
let checkLogin = function(name: string, pwd: string){
return true;
}
前面文章写变量声明时有写变量类型let str: string
,但上面其实都没有把函数的类型真正写出来,比如最后一个let checkLogin
里并没有标明返回的类型。
如果要把函数做为参数或返回值的话如果没有明确类型的话使用会很不方便,没有智能提示,重构也不方便。
函数的返回类型其实就是由参数+返回类型构成,下面代码的(name: string, pwd: string) => boolean
就是checkLogin的返回类型。
let checkLogin: (name: string, pwd: string) => boolean = function(name: string, pwd: string){
return true;
}
返回类型里的参数名不需要与真正的参数名一致,只需要类型一致即可。
当然,大部分情况下是不用写这么复杂的返回类型的,前面文章有说过类型推论,TypeScript会根据上下文推论出返回值的类型。
函数参数
TypeScript的参数和JavaScript的参数不太一样,调用JavaScript函数的参数可以多或少都可以,但TypeScript里函数需要确保传入参数的个数和定义的一致。
同C#里的函数参数可以有默认值一样,TypeScript也支持,并且还支持可空参数。
默认值只需要在参数后面写上=
某值就可以,默认值参数可以在任意位置,不过在必须参数前面时,想用默认值的话需要传undefined
。
可空参数和前面说的可空属性一样,参数名后加?
号,可空参数必须是在最后面。
function checkLogin(name: string, pwd: string, isAdmin: boolean = false, email?: string){
console.info(isAdmin);
}
checkLogin('brook'); // 编译不了
checkLogin('brook', '123456'); // false
checkLogin('brook', '123456', undefined); // false
checkLogin('brook', '123456', false); // false
checkLogin('brook', '123456', true, 'brook@email.com'); // true
剩余参数
JavaScript里的参数本身是个数组,可以是任意个数且都可以在函数体内用arguments
来访问。
TypeScript同样可以通过剩余参数来支持,形式上类似于C#的param
。
剩余参数的格式是...restParam: string[]
。
function checkLogin(name: string, pwd: string, ...others: string[]){
console.info(others.join(' '));
}
checkLogin('brook', '123456', 'brook@email.com', `12800`); // brook@email.com 12800
this
this
在JavaScript里总是指向调用者,这点经常容易导致被坑,在ES6之前经常需要类似var self = this
来把this
保存下来。
ES6和TypeScript针对这点做了改进,使用箭头函数可以把创建函数时的this
自动保存下来。
let permission = {
name: 'brook',
checkLogin: function() {
return function() {
console.info(this.name === 'brook');
}
}
};
permission.checkLogin()(); // 出错, this为undefined
let permission = {
name: 'brook',
checkLogin: function() {
return () => {
console.info(this.name === 'brook');
}
}
};
permission.checkLogin()(); // 通过,因为用了箭头函数
不过上面的this
还是有个缺点,得到的this
是any
类型,这样重构起来会不方便,这时可以用this
参数来改进:
this
参数只是一种定义,使用时是不需要传的。
interface Permission{
name: string;
checkLogin(this: Permission): ()=>void;
}
let permission: Permission = {
name: 'brook',
checkLogin: function(this: Permission) {
return () => {
console.info(this.name === 'brook'); //这里的this不是any,而是Permission
}
}
};
permission.checkLogin()();
这样也倒逼着定义好类型,发挥TypeScript强类型的优势。
泛型函数
同C#一样支持泛型函数,写法也差不多。
function deserialize<T>(content: string): T { }
function addItem<TKey, TValue>(key: TKey, value: TValue) { }
也支持泛型约束,C#用的是where T: object
,而TypeScript用的是extends Object
。
function deserialize<T extends Object>(content: string): T { }
泛型函数类型比普通函数类型在前面多了个<T>
,比如上面deserialize
。
let deserialize: <T>(content: string) => T;
但这样如果做为参数就略显复杂,可以用接口重构下:
function deserialize<T extends Object>(content: string): T { }
interface serializable<T> {
(content: string): T;
}
function parse<T>(s: serializable<T>){ }
parse(deserialize);
从C#到TypeScript - function的更多相关文章
- TypeScript Function(函数)
在JavaScript中,函数是构成任何应用程序的基础块.通过函数,你得以实现建立抽象层.模仿类.信息隐藏和模块化.在TypeScript中,虽然已经存在类和模块化,但是函数依旧在如何去"处 ...
- [TypeScript] Function Overloads in Typescript
It's common in Javascript for functions to accept different argument types and to also return differ ...
- [Typescript] Function defination
Define a function type and params type: // The function init // Accept two params which are both typ ...
- TypeScript之接口类型
Interfaces 作为TypeScript中的核心特色之一,能够让类型检查帮助我们知道一个对象应该有什么,相比我们在编写JavaScript的时候经常遇到函数需要传递参数,可能在编写的时候知道这个 ...
- TypeScript之基本数据类型
前言 最近项目很急,所以没有什么时间回答关于Xamarin.Android方面的问题,也有一段时间没有更新.主要是手头很缺人,如果有谁有兴趣加入我们的话,可以私聊我,这样我就能继续造福社区了,同时还有 ...
- 基本数据类型TypeScript
TypeScript 前言 最近项目很急,所以没有什么时间回答关于Xamarin.Android方面的问题,也有一段时间没有更新.主要是手头很缺人,如果有谁有兴趣加入我们的话,可以私聊我,这样我就能继 ...
- C# vs TypeScript - 高级类型
总目录 从C#到TypeScript - 类型 从C#到TypeScript - 高级类型 从C#到TypeScript - 变量 从C#到TypeScript - 接口 从C#到TypeScript ...
- 从C#到TypeScript - 变量
总目录 从C#到TypeScript - 类型 从C#到TypeScript - 高级类型 从C#到TypeScript - 变量 从C#到TypeScript - 接口 从C#到TypeScript ...
- 从C#到TypeScript - 接口
总目录 从C#到TypeScript - 类型 从C#到TypeScript - 高级类型 从C#到TypeScript - 变量 从C#到TypeScript - 接口 从C#到TypeScript ...
随机推荐
- HTML学习一(入门了解)
基础部分---------------------------------一:简介HTML 是用来描述网页的一种语言.HTML 指的是超文本标记语言 (Hyper Text Markup Langua ...
- (C#)利用Aspose.Cells组件导入导出excel文件
Aspose.Cells组件可以不依赖excel来导入导出excel文件: 导入: public static System.Data.DataTable ReadExcel(String strFi ...
- C++类的存储(部分可用与c的结构体)
c++中最重要的就是类,那么给你一个类的对象,你知道它在内存中如何存储的吗?它占内存中多少个字节? 首先确定类的构成: 1,数据成员:可以是内置类型,类类型. 2,函数成员:虚函数,非虚函数 1)数据 ...
- locate/slocate命令
locate命令和slocate命令都用来查找文件或目录. locate命令其实是find -name的另一种写法,但是要比后者快得多,原因在于它不搜索具体目录,而是搜索一个数据库/var/lib/l ...
- bzoj1396
传送门:http://www.lydsy.com/JudgeOnline/problem.php?id=1396 题目大意: 题解:后缀自动机,只出现一次,那么就是right值为1,那么对于一段1-- ...
- 优酷、YouTube、Twitter及JustinTV几个视频网站的架构
优酷视频网站架构 一.网站基本数据概览据2010年统计,优酷网日均独立访问人数(uv)达到了8900万,日均访问量(pv)更是达到了17亿,优酷凭借这一数据成为google榜单中国内视频网站排名最 ...
- Intellij idea 15配置tomcat,maven
刚导了个项目进去,想把项目运行起开,怎么也找不到tomcat... ctrl + alt +s,打开设置窗,搜索 Application Server Tomcat: 点中间绿色的“+”号,添加选择t ...
- delphi bitbutton和speedbutton.button有什么区别
http://zhidao.baidu.com/link?url=LT9_iwv47GfSp3m0MmUSablZrPOxzjKtqWW1yVMTbHnIs2DdCE-0qX2bwXZ2020x_Jl ...
- SQL Server 2005入门到精通(案例详解)
SQL Server 2005基础应用 一.数据库的基本操作 --创建数据库 create database new_db2 on primary ( name='new.mdf', filena ...
- centos下修改hostname,ip,netmask,gateway,dns
http://itlab.idcquan.com/linux/set/917191.html http://jingyan.baidu.com/article/e4d08ffdd417660fd3f6 ...