• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

TypeScript的箭头函数(第1篇)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

认识箭头函数

var fun1 = function(a:number, b:number=2):number{
    return a+b;
}

function fun2(a:number, b:number):number
{
    return a+b;
}

//使用ES6箭头函数语法定义函数,将原函数的“function”关键字和函数名都删掉,
//并使用“=>”连接参数列表和函数体。

var fun3 = (a:number, b:number):number=>{
    return a+b;
}

(a:number,b:number):number =>{
    return a+b;
}


//===================无参
var fun5 = function(){
    //do something.
}
var fun6 = ()=>{};

//=================单个参数
var fun7 = function(a:number){}
var fun8= (a:number) =>{}
//var fun9 = a => {}; ///js ok,但是ts下面会编译报错


//如果只有一个表达式,可以省略 "{}" 和 "return"
///如果包含多条语句,不能省略 "{}" 和 "return"
let fun9 = ()=> "hello";
let fun10 = ()=> {return 'hello'};
let fun11 = (a:number, b:number)=> a+b;
let fun12 = (a:number, b:number)=> {return a+b};
let fun13 = (a:number)=>{
    a=a+1; 
    return a;
};

// fun14 => {key:x};
//y => ({key:y});
(x:number) => ({key:x});

let fun15 = (x:number) => ({key:x});
console.dir(fun15);

let fun16 = (a:number)=>{
    a ++;
    return a;
}
fun16(100);
console.log(fun16(100));



//===================================
var Person = {
    firstName:"hello",
    lastName:"world",
    getFullName:function(firstName:string){    
        console.log(this);
        var first = this.firstName 
        
        var fn = (f:string)=>{
            console.log(this);
            return f+this.lastName;
        }

        return fn.call({firstName:'hh'}, firstName);
    }
}

console.log(Person.getFullName('hi')); /// hiworld


//===================================
var obj = {
    array:[1,2,3],
    sum:()=>{
        console.log("sum:");
        return (i:number,j:number)=>i+j;
    }
}
let fun17 = obj.sum();
//console.log(fun17(5,6));
console.log(obj.sum()(2,3)); // 5 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微软发布TypeScript用以改进JavaScript开发发布时间:2022-07-18
下一篇:
【TypeScript】TypeScript 学习 2——接口发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap