python typing typescript_typescript-函数

一：函数定义

1：函数声明法

function函数名(param1 [:datatype],(param2 [:datatype]):返回值类型{

//代码块

}

2：匿名函数法

var 变量名= function(param1 [:datatype],(param2 [:datatype]):返回值类型{

//代码块

}

二：参数

1：可选参数

在 TypeScript 函数里，如果我们定义了参数，则我们必须传入这些参数，除非将这些参数设置为可选，可选参数使用问号标识 ？。

function buildName(firstName: string, lastName?: string) {if(lastName)return firstName + " " +lastName;else

returnfirstName;

}

let result1= buildName("Bob"); //正确

let result2 = buildName("Bob", "Adams", "Sr."); //错误，参数太多了

let result3 = buildName("Bob", "Adams"); //正确

可选参数必须跟在必需参数后面。 如果上例我们想让 firstName 是可选的，lastName 必选，那么就要调整它们的位置，把 firstName 放在后面。

如果都是可选参数就没关系。

2：默认参数

我们也可以设置参数的默认值，这样在调用函数的时候，如果不传入该参数的值，则使用默认参数，语法格式为：

function function_name(param1[:type],param2[:type] =default_value) {

}

注意：参数不能同时设置为可选和默认。

function calculate_discount(price:number,rate:number = 0.50) {var discount = price *rate;

console.log("计算结果: ",discount);

}

calculate_discount(1000)

calculate_discount(1000,0.30)

3：剩余参数(也就是动态传参)

有一种情况，我们不知道要向函数传入多少个参数，这时候我们就可以使用剩余参数来定义。

剩余参数语法允许我们将一个不确定数量的参数作为一个数组传入。

functionbuildName(firstName: string, ...restOfName: string[]) {return firstName + " " + restOfName.join(" ");

}

let employeeName= buildName("Joseph", "Samuel", "Lucas", "MacKinzie");

函数的最后一个命名参数 restOfName 以 ... 为前缀，它将成为一个由剩余参数组成的数组，索引值从0(包括)到 restOfName.length(不包括)。

4：匿名函数

匿名函数是一个没有函数名的函数。

匿名函数在程序运行时动态声明，除了没有函数名外，其他的与标准函数一样。

我们可以将匿名函数赋值给一个变量，这种表达式就成为函数表达式。

格式：

var res = function( [arguments] ) { ... }

例子：

var msg = function() {return "hello world";

}

console.log(msg())

5：匿名函数自调用

匿名函数自调用在函数后使用 () 即可：

(function() {var x = "Hello!!";

console.log(x)

})()

6：构造函数

TypeScript 也支持使用 JavaScript 内置的构造函数 Function() 来定义函数：

语法格式如下：

var res = new Function( [arguments] ) { ... })

例子：

var myFunction = new Function("a", "b", "return a * b");var x = myFunction(4, 3);

console.log(x);//12

7：递归函数

递归函数即在函数内调用函数本身。

functionfactorial(number) {if (number <= 0) { //停止执行

return 1;

}else{return (number * factorial(number - 1)); //调用自身

}

};

console.log(factorial(6)); //输出 720

8：lambda函数

Lambda 函数也称之为箭头函数。

箭头函数表达式的语法比函数表达式更短。

函数只有一行语句：

( [param1, parma2,…param n] )=>statement;

例子1：

var foo = (x:number)=>10 +x

console.log(foo(100)) //输出结果为 110

对应的JavaScript代码

var foo = function (x) { return 10 +x; };

console.log(foo(100)); //输出结果为 110

例子2：

var foo = (x:number)=>{

x= 10 +x

console.log(x)

}foo(100)

9：函数重载

重载是方法名字相同，而参数不同，返回类型可以相同也可以不同。

每个重载的方法(或者构造函数)都必须有一个独一无二的参数类型列表。

参数类型不同、参数数量不同、参数类型顺序不同。

三：异步

1：js中的异步

1.1 异步案例：

functiona(){

console.log('执行a');

setTimeout(function(){

console.log('setTimeout');

},1000);

console.log(111111);

}functionb(){

console.log('执行b');

}

a();

b();

结果：

1.2 异步原理：

js是单线程的，所谓的单线程就是一次只能完成一个任务，其任务的调度方式就是排队，毫无疑问，这样的效率是不高的，后面的任务必须等到前面的任务执行完毕后才能执行，如果有一个比较耗时的操作，比如http请求，文件io

其他语言遇到这种比较耗时的任务往往是开一个线程来处理，但js本身就是单线程的，js对这种任务的处理就是这个一个任务挂载起来，等耗时任务完成后再把回调函数添加到执行队列尾部

所以，在刚刚这个例子中，即使把延迟时间设置为0，也是一样的结果

1.3 回调函数的异步

functionf1(callback){

setTimeout(function() {//f1的任务代码

callback();

},1000);

}

f1(f2)

2：promise

参考：

异步：https://segmentfault.com/a/1190000007535316?utm_source=tag-newest