TypeScript 函數基本知識

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