我想为使用TypeScript创建的所有对象或引用创建扩展方法

Question

Actually, I am currently thinking of creating an extension method to all the object or reference that are created in my component

I know how to create an extension method in typeScript but I am not able to get what I want to use an interface to get the behavior I wanted.

I tried using the Object in the interface but it won't work

MyExtension Method : extension.model.ts

declare global {
  interface Object {
    thousandsSeperator(): String;
  }
}

Object.prototype.thousandsSeperator = function(): string {
  return Number(this).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}
export {};
// this is just a simple extension method

Now, whenever if someone tries to create an object of class or reference of an interface then, they should get the extension method I created.

// Object
Object1 = new MyComponentClass();

// Reference
Object2: MyComponentClass;

this.Object1.thousandsSeperator();

this.Object2.thousandsSeperator();

Answer 1

fooObj in the below example is assigned to Foo object. so all the methods in the object and the inherited properties can be accessed.

But

fooObj1 is just declared as Foo type. ie, we are declaring that the fooObj1 can only have Object of Foo type.

// Add thousandsSeperator in the Object interface.
interface Object {
    thousandsSeperator(): String;
}

// assign the method to the object prototype.
Object.prototype.thousandsSeperator = function(): string {
    // this is the instance of the object and value is the property on it.
    return Number(this.value).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
};
// now all the object of the created will get the thousandsSeperator method.
class Foo {
    value: string = '123456';
}
// create an object 
let fooObj: Foo = new Foo();
// here on the fooObj thousandsSeperator method can be accessed.
fooObj.thousandsSeperator();

// undeclared variable.
let fooObj1: Foo 
// this is eqivalent to var fooObj1;