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

新疆网页设计-高端网站设计公司

带参数函数

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

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

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

语法格式如下所示：

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

• param1、param2 为参数名。

• datatype 为参数类型。

实例

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

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

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

输出结果为：

3

可选参数和默认参数

可选参数

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

实例

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

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

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

默认参数

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

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

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

实例

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

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

输出结果为：

计算结果:  500

上代码，得到以下 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

计算结果:  300

剩余参数

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

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

TypeScript

function buildName(firstName: string, ...restOfName: string[]) {

    return firstName + " " + restOfName.join(" ");

}

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

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

TypeScript

function addNumbers(...nums:number[]) {  

    var i;   

    var sum:number = 0; 

    for(i = 0;i<nums.length;i++) { 

       sum = sum + nums[i]; 

    } 

    console.log("和为：",sum) 

 } 

 addNumbers(1,2,3) 

 addNumbers(10,10,10,10,10)

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

JavaScript

function addNumbers() {

    var nums = [];

    for (var _i = 0; _i < arguments.length; _i++) {

        nums[_i] = arguments[_i];

    }

    var i;

    var sum = 0;

    for (i = 0; i < nums.length; i++) {

        sum = sum + nums[i];

    }

    console.log("和为：", sum);

}

addNumbers(1, 2, 3);

addNumbers(10, 10, 10, 10, 10);

输出结果为：

和为： 6

和为： 50

匿名函数

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

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

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

语法格式如下：

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

实例

不带参数匿名函数：

TypeScript

var msg = function() { 

    return "hello world";  

} 

console.log(msg())

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

JavaScript

var msg = function () {

新疆网页设计-高端网站设计公司

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

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