TypeScript 函数基本知识

Posted 2021-01-04 doubleloong

// 函数声明法
function add(n1:number,n2:number):number{
    return n1 + n2
}

console.log(add(1, 2)) // 3

函数声明法

// 函数表达式法
var add = function(n1:number,n2:number):number{
    return n1 + n2
}

console.log(add(1, 2)) // 3

函数表达式法

// TypeScript 完全支持 ES6 -- 箭头函数
var add = (n1:number,n2:number):number=>{
    return n1 + n2
}

console.log(add(1, 2)) // 3

TypeScript 完全支持 ES6 -- 箭头函数

// 变量的作用域、函数划分
var yangZi:string = ‘刘德华‘
function zhengXing():void{
    console.log(`尊驾整形成了${yangZi}的样子`) // 尊驾整形成了刘德华的样子
}

zhengXing()

console.log(yangZi) // 刘德华

/// 全局变量、局部变量
var yangZi:string = ‘刘德华‘
function zhengXing():void{
    var yangZi:string = ‘马德华‘
    console.log(`尊驾整形成了${yangZi}的样子`) // 尊驾整形成了刘德华的样子
}

zhengXing()

console.log(yangZi) // 刘德华

/// var 变量提升
var yangZi:string = ‘刘德华‘
function zhengXing():void{
    console.log(`尊驾整形成了${yangZi}的样子`) // 尊驾整形成了undefined的样子
    var yangZi:string = ‘马德华‘
    console.log(`尊驾整形成了${yangZi}的样子`) // 尊驾整形成了马德华的样子
}

zhengXing()

console.log(yangZi) // 刘德华

/// let 块级作用域
function zhengXing():void{
    var yangZiA:string = ‘刘德华‘
    {
        let yangZiB:string = ‘小损样‘
        console.log(`尊驾整形成了${yangZiB}的样子`) // 尊驾整形成了小损样的样子
    }
    console.log(`尊驾整形成了${yangZiA}的样子`) // 尊驾整形成了刘德华的样子
    console.log(`尊驾整形成了${yangZiB}的样子`) // ReferenceError: yangZiB is not defined
}

zhengXing()

变量的作用域、函数划分

 学习路径：http://jspang.com/post/typescript.html?tdsourcetag=s_pcqq_aiomsg