码迷,mamicode.com
首页 > 编程语言 > 详细

在TypeScript中扩展JavaScript基础对象的功能

时间:2017-04-14 20:56:52      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:java   mat   javascrip   form   turn   cti   div   方式   property   

最近工作中用到,记录一下:假设我们需要一个功能,把一个数字比如10000输出为下面的字符串格式“10,000”,一般是写一个方法,那么我希望更方便一点,直接向Number类型添加一个格式化方法,比如叫toFormat的方法来实现得到格式化后的字符串。

添加.d.ts定义

要在TypeScript中扩展一个基础对象的方法需要预先告知编译器有该方法才行:

1 interface Number {
2     toFormat(): string;
3 }

添加实现

具体实现根据需要编写即可,需要注意的是要添加在原型对象上才行:

1 Number.property.toFormat = function () {
2     //拿到数字的值,即数字本身
3     var value = this.valueOf();
4     //这里是具体的处理代码,这里略过了
5     var str = "code";
6     //返回即可
7     return str;
8 }

直接调用即可:

1 var i = 10000;
2 console.log(i.toFormat());

这里我的实现是使用JavaScript编写的,如果是在TypeScript中,也可以使用TS的方式编写。

在TypeScript中扩展JavaScript基础对象的功能

标签:java   mat   javascrip   form   turn   cti   div   方式   property   

原文地址:http://www.cnblogs.com/hammerc/p/6710436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!