TypeScript'te global bir değişken oluşturun

JavaScript'te şunu yapabilirim:

 something = 'testing';

Ve sonra başka bir dosyada:

 if (something === 'testing')

ve somethingtanımlanmış olacaktır (doğru sırada çağrıldıkları sürece).

Bunu TypeScript'te nasıl yapacağımı çözemiyorum.

Bu denediğim şey.

.D.ts dosyasında:

interface Window { something: string; }

Sonra main.ts dosyamda:

 window.something = 'testing';

sonra başka bir dosyada:

 if (window.something  === 'testing')

Ve bu işe yarar. Ama bunun bir window.kısmını kaybedebilmek ve sadece somethingküresel olmak istiyorum . Bunu TypeScript'te yapmanın bir yolu var mı?

(Birisinin ilgilenmesi durumunda, gerçekten uygulamam için günlüğe kaydetmemi ayarlamaya çalışıyorum. log.DebugNesneleri içe aktarmak ve oluşturmak zorunda kalmadan herhangi bir dosyadan çağrı yapabilmek istiyorum .)

Tamam, yani bu muhtemelen yaptığınız şeyden daha çirkin, ama neyse ...

^{ama ben de aynısını yapıyorum ...}

Bunu saf TypeScript ile yapmak için yapabileceğiniz şey, evalişlevi şu şekilde kullanmaktır :

declare var something: string;
eval("something = 'testing';")

Ve sonra yapabileceksin

if (something === 'testing')

Bu, TypeScript'in derlemeyi reddetmeden talimatı yürütmeye zorlamaktan başka bir şey değildir ve declare varTypeScript'in kodun geri kalanını derlemesini istiyoruz.

Bir .d.tstanım dosyasının içinde

type MyGlobalFunctionType = (name: string) => void

Tarayıcıda çalışıyorsanız, tarayıcının pencere bağlamına üye eklersiniz:

interface Window {
  myGlobalFunction: MyGlobalFunctionType
}

NodeJS için aynı fikir:

declare module NodeJS {
  interface Global {
    myGlobalFunction: MyGlobalFunctionType
  }
}

Şimdi kök değişkeni (aslında pencerede veya globalde yaşayacak olan) bildirirsiniz

declare const myGlobalFunction: MyGlobalFunctionType;

Daha sonra normal bir .tsdosyada, ancak yan etki olarak içe aktarıldığında, aslında onu uygularsınız:

global/* or window */.myGlobalFunction = function (name: string) {
  console.log("Hey !", name);
};

Ve son olarak kod tabanında başka bir yerde, şunlardan biriyle kullanın:

global/* or window */.myGlobalFunction("Kevin");

myGlobalFunction("Kevin");

globalBu gelecek.

İlk olarak, TypeScript dosyalarında iki tür scopes

küresel kapsam

Dosyanızda hiç importveya exportsatır yoksa , bu dosya genel kapsamda yürütülecektir. tüm bildirimler bu dosyanın dışında görünür.

Dolayısıyla, şu şekilde küresel değişkenler oluşturabiliriz:

// xx.d.ts
declare var age: number

// or 
// xx.ts
// with or without declare keyword
var age: number

// other.ts
globalThis.age = 18 // no error

Tüm sihir gelir var. Değiştir varile letya constçalışmaz.

modül kapsamı

Dosyanız herhangi varsa importveya exportçizgi , bu dosya biz küresel uzatmak gerektiğini kendi kapsamında yürütülecek olurdu beyan-birleştiği .

// xx[.d].ts
declare global {
  var age: number;
}

// other.ts
globalThis.age = 18 // no error

Modül hakkında daha fazlasını resmi belgelerde görebilirsiniz

Bunu şu şekilde düzelttim:

Adımlar:

1. Aşağıdaki gibi custom.d.ts için genel bir ad alanı bildirildi:

declare global {
    namespace NodeJS {
        interface Global {
            Config: {}
        }
    }
}
export default global;

2. Yukarıda oluşturulmuş olan dosyayı "tsconfig.json" ile aşağıdaki gibi eşleyin:

"typeRoots": ["src/types/custom.d.ts" ]

3. Aşağıdaki dosyalardan herhangi birinde yukarıda oluşturulan global değişkeni alın:

console.log(global.config)

Not:

1. typescript sürümü: "3.0.1".

2. Benim durumumda gereksinim, uygulamayı başlatmadan önce global değişkeni ayarlamaktı ve değişken, gerekli yapılandırma özelliklerini alabilmemiz için bağımlı nesnelerin tamamına erişmelidir.

Bu yardımcı olur umarım!

teşekkür ederim

TypeScript ile birlikte JavaScript kullanırsam işe yarayan bir yol buldum.

logging.d.ts:

declare var log: log4javascript.Logger;

günlük beyanı. js :

log = null;

initalize-app.ts

import './log-declaration.js';

// Call stuff to actually setup log.  
// Similar to this:
log = functionToSetupLog();

Bu, onu genel kapsam içine alır ve TypeScript bunu bilir. Böylece tüm dosyalarımda kullanabilirim.

NOT: Bunun işe yaradığını düşünüyorum çünkü allowJsTypeScript seçeneğim true olarak ayarlanmış.

Birisi saf bir TypeScript çözümü yayınlarsa, bunu kabul ederim.

sadece bunu kullanıyorum

import {globalVar} from "./globals";
declare let window:any;
window.globalVar = globalVar;

Bunu yapmanın doğru yolunu bulmak için birkaç saat harcadım. Benim durumumda global "log" değişkenini tanımlamaya çalışıyorum, bu nedenle adımlar şunlardı:

1) tsconfig.jsontanımladığınız türleri içerecek şekilde yapılandırın ( src/typesklasör, node_modules - size bağlıdır):

...other stuff...
"paths": {
  "*": ["node_modules/*", "src/types/*"]
}

2) src/types/global.d.tsaşağıdaki içeriğe sahip bir dosya oluşturun ( içe aktarma yok! - bu önemlidir), tarayıcıyla çalışıyorsanız any, ihtiyaçlarınıza uyacak şekilde değiştirmekten çekinmeyin + windowarayüzü kullanın NodeJS:

/**
 * IMPORTANT - do not use imports in this file!
 * It will break global definition.
 */
declare namespace NodeJS {
    export interface Global {
        log: any;
    }
}

declare var log: any;

3) artık nihayet logihtiyaç duyduğunuz yerde kullanabilir / uygulayabilirsiniz :

// in one file
global.log = someCoolLogger();
// in another file
log.info('hello world');
// or if its a variable
global.log = 'INFO'

Lodash'ı değiştiremediğim, sadece gerektirdiğim mevcut bir .js dosyasını kullanmak için global yapmam gerekiyordu.

Bunun işe yaradığını buldum:

import * as lodash from 'lodash';

(global as any)._ = lodash;

Dima V'in cevabına bir eklenti olarak, bunun benim için çalışmasını sağlamak için yaptım.

// First declare the window global outside the class

declare let window: any;

// Inside the required class method

let globVarName = window.globVarName;

Bu, bu başlıkta açıklandığı gibi benim için çalışıyor :

declare let something: string;
something = 'foo';