上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

新疆网站建设_企业网站制作公司_高端网站设计开发-新疆上往

ypeScript 函数

函数是一组一起执行一个任务的语句。

您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的，但在逻辑上，划分通常是根据每个函数执行一个特定的任务来进行的。

函数声明告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。

函数定义

函数就是包裹在花括号中的代码块，前面使用了关键词 function：

语法格式如下所示：

function function_name(){
    // 执行代码}

实例

调用函数

函数只有通过调用才可以执行函数内的代码。

语法格式如下所示：

function_name()

实例

函数返回值

有时，我们会希望函数将执行的结果返回到调用它的地方。

通过使用 return 语句就可以实现。

在使用 return 语句时，函数会停止执行，并返回指定的值。

语法格式如下所示：

function function_name():return_type { 
    // 语句
    return value; }

• return_type 是返回值的类型。

• return 关键词后跟着要返回的结果。

• 一般情况下，一个函数只有一个 return 语句。

• 返回值的类型需要与函数定义的返回类型(return_type)一致。

实例

• 实例中定义了函数 greet()，返回值的类型为 string。

• greet() 函数通过 return 语句返回给调用它的地方，即变量 msg，之后输出该返回值。。

编译以上代码，得到以下 JavaScript 代码：

带参数函数

在调用函数时，您可以向其传递值，这些值被称为参数。

这些参数可以在函数中使用。

greet() {

    return "Hello World";

}

function caller() {

    var msg = greet(); // 调用 greet() 函数 

    console.log(msg);

}

// 调用函数

caller();

带参数函数

在调用函数时，您可以向其传递值，这些值被称为参数。

这些参数可以在函数中使用。

您可以向函数发送多个参数，每个参数使用逗号 , 分隔：

语法格式如下所示：

function func_name( param1 [:datatype], param2 [:datatype]) {   

}

param1、param2 为参数名。

datatype 为参数类型。

实例

TypeScript

function add(x: number, y: number): number {

    return x + y;

}

console.log(add(1,2))

实例中定义了函数 add()，返回值的类型为 number。

add() 函数中定义了两个 number 类型的参数，函数内将两个参数相加并返回。

编译以上代码，得到以下 JavaScript 代码：

JavaScript

function add(x, y) {

    return x + y;

}

console.log(add(1, 2));

输出结果为：

3

可选参数和默认参数

可选参数

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

实例

TypeScript

function buildName(firstName: string, lastName: string) {

    return firstName + " " + lastName;

}

let result1 = buildName("Bob");                  // 错误，缺少参数

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

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

以下实例，我们将 lastName 设置为可选参数：

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 放在后面。

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

默认参数

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

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

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

实例

以下实例函数的参数 rate 设置了默认值为 0.50，调用该函数时如果未传入参数则使用该默认值：

TypeScript

function calculate_discount(price:number,rate:number = 0.50) { 

    var discount = price * rate; 

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

} 

calculate_discount(1000) 

calculate_discount(1000,0.30)

编译以上代码，得到以下 JavaScript 代码：

JavaScript

function calculate_discount(price, rate) {

    if (rate === void 0) { rate = 0.50; }

    var discount = price * rate;

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

}

calculate_discount(1000);

calculate_discount(1000, 0.30);

输出结果为：

计算结果:  500

新疆网站建设_企业网站制作公司_高端网站设计开发-新疆上往

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）