TypeScript快速笔记（二）

1） TypeScript中的判断语句，可以使用非0值代表true。如：

function add1(a: number, b?:number): number{ // 注意b是可选参数
    console.log("parm1(a): " + a, "parm2(b): " + b);
    if(b){// 可选参数b，如果没有传参，值为undefined
        return a + b;
    }
    else{
        return a;
    }
}
console.log(add1(10, 20)); // a: 10, b: 20
console.log(add1(25)); // a: 25, b: undefined

var num: number = 5;
if (num){
    console.log('非0就是true') // 执行
}
num = 0;
if (num){
    console.log('Test'); // 不会执行
}

if (null){
    console.log('null') // 不会执行
}
if (undefined){
    console.log('undefined') // 不会执行
}

2）函数的定义有多种：无参函数，有参函数，可选函数，默认参数（与C/C++类似），剩余参数（类似于C/C++的可变参数），匿名函数，构造函数，递归函数，Lambda函数

 

普通参数的定义方式：

function functionName(){}

function functionName(parm1: [type], parm2: [type]): returnType{}

 可选参数的定义方式：

function functionName(parm1:[type], parm2?: [type]): returnType{} // 在可选参数后面加‘?’

实例：

console.log("普通参数测试：");
function add(a: number, b: number): number{
    return a + b;
}

console.log(add(5, 7));

// 可选参数，当没有传进可选参数时，参数值为undefined
console.log("可选参数测试：");
function add1(a: number, b?:number): number{
    console.log("parm1(a): " + a, "parm2(b): " + b);
    if(b){// 可选参数b，如果没有传参，值为undefined
        return a + b;
    }
    else{
        // NaN代表一个非数字值
        console.log(isNaN(a + b)); // true
        console.log(isNaN(undefined)); // true
        console.log(isNaN(null)); // false, null不是NaN值

        return a;
    }
}

console.log(add1(10, 20));
console.log(add1(25));


// 剩余参数
console.log("剩余参数测试：");
function sum(...num: number[]){
    let sum: number = 0;
    let resultString: string = '';
    for(let i = 0; i < num.length; ++i){
        sum += num[i];
        resultString += num[i];
        if (i + 1 < num.length)
            resultString += ' + ';
        else
            resultString += ' = ';
    }
    resultString += sum;
    console.log(resultString);
    return sum;
}

sum(1,2,3,4,5);

//匿名函数
// 除了没有函数名外，其他的与标准函数一样。将匿名函数赋值给一个变量，这种表达式就成为函数表达式。
var res = function(a: number, b: number): number{
    return a + b;
}

console.log(res(1, 5));

// 匿名函数自调用,在函数后面加个圆括号即可
(function(){
    console.log("Hello World!");
})();

结果：

普通参数测试：
12
可选参数测试：
parm1(a): 10 parm2(b): 20
30
parm1(a): 25 parm2(b): undefined
true
true
false
25
剩余参数测试：
1 + 2 + 3 + 4 + 5 = 15
6
Hello World!

补充：关于重载函数，除了使用any，也可以使用联合类型，即：function disp(x:string|number,y?:string|number):void{}

 3）TypeScript中的重载不是真正意义的重载，不能想C++/C#等方式直接重载，否则编译时会出现报错：TS2396: Duplicate function implementation.

　　TypeScript重载方式：

　　　　*如果参数类型不同，则参数类型应设置为 any。

　　　　*参数数量不同你可以将不同的参数设置为可选。

// 函数重载
function disp(s1:string):void;  // 先声明重载函数但是不定义（函数签名）
function disp(n1:number,s1:string):void;
function disp(s1:string,n1:number):void;
 
// 根据函数重载方式的实际情况，函数体的类型判断也可以做出优化
function disp(x:any,y?:any):void { // 通过any类型和可选参数实现重载
    if(typeof(x) == "string" && typeof(y) == "undefined"){
        console.log('(string): ' + x);
    }
    else if(typeof(x) == 'number' && typeof(y) == 'string'){
        console.log('(number, string):' + x + ',' + y);
    }
    else if(typeof(x) == 'string' && typeof(y) == 'number'){
        console.log('(string, number):' + x + ',' + y);
    }
} 
disp("abc"); // 输出：(string): abc
disp(1,"xyz"); // 输出：(number, string):1,xyz
disp("hello", 100); // 输出：(string, number):hello,100
//disp(1, 1); // 类型不匹配会报错:TS2345: Argument of type '1' is not assignable to parameter of type 'string'.

4）Number对象是原始数值number的包装对象，封装了更多的方法。

// Number对象测试
// Number对象是原始数值的包装对象
var num1: number = 100;
var num2 = new Number(num1); 
var num3 = new Number('123'); // 可以接受字符串转换
var num4 = new Number(null); // 0
var num5 = new Number('0xA'); // 十六进制，等于十进制的10
var num6 = new Number('123a'); //  如果一个参数值不能转换为一个数字将返回非数字值 NaN (Not a Number)

console.log('Test typeof:');
console.log(typeof num1); // 输出：number
console.log(typeof num2); // Number是一个对象，输出：object
console.log(typeof num3); // 输出：object
console.log(typeof num4); // 输出：object
console.log(typeof num5); // 输出：object
console.log(typeof num6); // 输出：object

console.log('Value test:');
console.log(num1.toString()); // 100
console.log(num2.toString()); // 100
console.log(num3.toString()); // 123
console.log(num4.toString()); // 0
console.log(num5.toString()); // 10
console.log(num6.toString()); // NaN

//console.log(num2 + num3); 编译错误，TS2365: Operator '+' cannot be applied to types 'Number' and 'Number'.