// 函數聲明法
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

// 變量的作用域、函數劃分
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

TypeScript 函數基本知識