Javascript-Ionic 2 Angular 2全局导入扩展方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript-Ionic 2 Angular 2全局导入扩展方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1600字，纯文字阅读大概需要3分钟。

内容图文

我对Date原型做了一些扩展,例如：

interface Date {
    YearsFromToday(): number;
}

Date.prototype.YearsFromToday = function (): number {
    // implementation 
}

我正在使用ionic2教程–v2模板,这是一个非常标准的布局-app.html,app.ts,app.module等.

我想知道是否有一种简单的方法可以在全局范围内进行声明.我不确定将其放在项目的哪个位置？

解决方法:

将您的猴子补丁代码放入文件中.
您可以将其称为Monkey-patch-date.ts,例如：

猴子补丁日期

interface Date {
    YearsFromToday(): number;
}

Date.prototype.yearsFromToday = function (): number {
    // implementation 
}

然后将其导入main.ts或任何您的输入模块中：

主要

import './monkey-patch-date';

交替.如果您想更明确地指出自己正在做危险的事情,可以将其设为导出其猴子修补程序的模块.

猴子补丁日期

declare global {
    interface Date {
        yearsFromToday(): number;
    }
}

export default function () {
    Date.prototype.yearsFromToday = function (): number {
        // implementation 
    };
}

并像导入

主要

import monkeyPatchDate from './monkey-patch-date';
monkeyPatchDate();

另一个替代方法(对库作者特别有用)是允许猴子修补,但在仍然公开功能的同时不需要它.

这是一个例子：

日期扩展/index.ts

export function yearsFromToday(date: Date): number {
    // implementation 
}

日期扩展/monkey-patch.ts

import {yearsFromToday} from './index';

declare global {
    interface Date {
        yearsFromToday(): number;
    }
}

Date.prototype.yearsFromToday = function() {
    return yearsFromToday(this);
}

现在,消费者可以通过运行以下方式猴子对Date原型进行修补

import 'date-augmentations/monkey-patch';

可以通过导出访问功能,而无需猴子打补丁

import {yearsFromToday} from 'date-augmentations';

const date = new Date('12-12-2023');
const yft = yearsFromToday(date);
console.log(yft); // prints 6

内容总结

以上是互联网集市为您收集整理的Javascript-Ionic 2 Angular 2全局导入扩展方法全部内容，希望文章能够帮你解决Javascript-Ionic 2 Angular 2全局导入扩展方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端