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_aiomsghtml

相关文章
相关标签/搜索