TypeScript函数
TypeScript 简易教程
一、TypeScript前导
二、TypeScript基础语法
三、TypeScript变量
四、TypeScript Number+String类型
五、TypeScript运算符
六、TypeScript语句
七、TypeScript函数
八、TypeScript 容器类型
九、TypeScript 接口、类、对象
十、TypeScript 命名空间、模块、声明文件
十一、Promise:JavaScript 异步编程的基石
十二、TypeScript:Async Functions
函数
函数普通形式
function function_name()
{
// 执行代码
}
调用
function_name();
返回值
function function_name():return_type {
// 语句
return value;
}
- return_type 是返回值的类型。
- return 关键词后跟着要返回的结果。
- 返回值的类型需要与函数定义的返回类型(return_type)一致。
参数
带参数的函数形式:
function func_name( param1 [:datatype], param2 [:datatype]) {
}
示例:
function add(x: number, y: number): number {
return x + y;
}
console.log(add(1,2))
可选参数和默认参数
可选参数使用问号标识 ?
, 用来标记参数设置为可选。
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"); // 正确
默认参数
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)
rate:number = 0.50
提供默认参数
不定参数
不定参数,将一个不确定数量的参数作为一个数组传入。
function buildName(firstName: string, ...restOfName: string[]) {
return firstName + " " + restOfName.join(" ");
}
let employeeName = buildName("Joseph", "Samuel", "Lucas", "MacKinzie");
...restOfName: string[]
匿名函数
一个没有函数名的函数。
var res = function( [arguments] ) { ... }
带参数:
var msg = function() {
return "hello world";
}
console.log(msg())
不带参数:
var res = function(a:number,b:number) {
return a*b;
};
console.log(res(12,2))
匿名函数自调用
(function () {
var x = "Hello!!";
console.log(x)
})()
函数对象
可以使用Function来创建函数。
var res = new Function ([arg1[, arg2[, ...argN]],] functionBody)
示例:
var myFunction = new Function("a", "b", "return a * b");
var x = myFunction(4, 3);
console.log(x);
Lambda 函数
声明形式:
( [param1, param2,…param n] )=>statement;
示例:函数返回两个数的和:
var foo = (x:number)=>10 + x
console.log(foo(100)) //输出结果为 110
带大括号的形式:
( [param1, param2,…param n] )=> {
// 代码块
}
示例:函数返回两个数的和:
var foo = (x:number)=> {
x = 10 + x
console.log(x)
}
foo(100)
单个参数的话,括号() 可以省略:
var display = x => {
console.log("输出为 "+x)
}
display(12)
无参数时可以设置空括号:
var disp =()=> {
console.log("Function invoked");
}
disp();
函数重载
方法名
相同,而参数不同,返回类型可以相同也可以不同。
重载的方法(或者构造函数)都必须有一个独一无二的参数类型列表。
参数类型不同:
function disp(string):void;
function disp(number):void;
参数数量不同:
function disp(n1:number):void;
function disp(x:number,y:number):void;
参数类型顺序不同:
function disp(n1:number,s1:string):void;
function disp(s:string,n:number):void;
如果参数类型不同,则参数类型应设置为 any。
参数数量不同可以将不同的参数设置为可选。
分类:
前端扫盲
标签:
TypeScriptJavaScript
版权申明
本文系作者 @何健源 原创发布在思维代码站点。未经许可,禁止转载。
全部评论 1
hdudlplgax
Google Chrome Windows 10