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
        return firstName;
}
 
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：剩余参数（也就是动态传参）

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

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

function buildName(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：递归函数

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

function factorial(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 异步案例：

function a(){
    console.log('执行a');
    setTimeout(function(){
        console.log('setTimeout');
    }, 1000);
    console.log(111111);
}

function b(){
    console.log('执行b');
}

a();
b();

 

结果：

 

1.2 异步原理：

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

其他语言遇到这种比较耗时的任务往往是开一个线程来处理，但js本身就是单线程的，js对这种任务的处理就是这个一个任务挂载起来，等耗时任务完成后再把回调函数添加到执行队列尾部
所以，在刚刚这个例子中，即使把延迟时间设置为0，也是一样的结果

1.3 回调函数的异步

function f1(callback){
　　　　setTimeout(function () {
　　　　　　// f1的任务代码
　　　　　　callback();
　　　　}, 1000);
　　}
f1(f2)

 

2：promise

 

 

---

 

参考：

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