Πώς μπορείτε να ορίσετε ρητά ένα νέο ακίνητο στην `window` στη γραφομηχανή;

Για να το κρατήσει δυναμική, απλά χρησιμοποιήστε:

(<any>window).MyNamespace

Ή...

μπορείτε απλά να πληκτρολογήσετε:

window['MyNamespace']

και δεν θα πάρετε ένα σφάλμα μεταγλώττισης και λειτουργεί το ίδιο με την πληκτρολόγηση window.MyNamespace

Χρησιμοποιώντας TSX; Καμία από τις άλλες απαντήσεις δούλευαν για μένα.

Εδώ είναι αυτό που έκανα:

(window as any).MyNamespace

Η αποδεκτή απάντηση είναι αυτό που χρησιμοποιείται για να χρησιμοποιήσει, αλλά με γραφομηχανή 0.9. * Δεν λειτουργεί πλέον. Ο νέος ορισμός της Windowδιασύνδεσης φαίνεται να αντικαταστήσει πλήρως το ενσωματωμένο ορισμό, αντί αυξάνοντας αυτό.

Έχω πάρει για να γίνει αυτό, αντί:

interface MyWindow extends Window {
    myFunction(): void;
}

declare var window: MyWindow;

UPDATE: Με γραφομηχανή 0.9.5 η αποδεκτή απάντηση λειτουργεί και πάλι.

Αν χρειαστεί να επεκτείνει το windowαντικείμενο με έναν προσαρμοσμένο τύπο που απαιτεί τη χρήση importμπορείτε να χρησιμοποιήσετε την παρακάτω μέθοδο:

window.d.ts

import MyInterface from './MyInterface';

declare global {
    interface Window {
        propName: MyInterface
    }
}

Δείτε «Παγκόσμια Αύξηση» στη «Διακήρυξη Συγχώνευση» ενότητα του εγχειριδίου: https://www.typescriptlang.org/docs/handbook/declaration-merging.html#global-augmentation

Παγκόσμια είναι «κακό» :), νομίζω ότι ο καλύτερος τρόπος για να έχουν, επίσης, τη δυνατότητα μεταφοράς είναι:

Πρώτα θα εξάγετε το περιβάλλον: (πχ: ./custom.window.ts)

export interface CustomWindow extends Window {
    customAttribute: any;
}

Δεύτερον εισάγετε

import {CustomWindow} from './custom.window.ts';

Τρίτον ρίχνει παγκόσμια παράθυρο var με CustomWindow

declare let window: CustomWindow;

Με αυτό τον τρόπο δεν χρειάζεται επίσης κόκκινη γραμμή σε διάφορα IDE, αν χρησιμοποιείτε με ανύπαρκτες ιδιότητες του αντικειμένου παράθυρο, έτσι ώστε στο τέλος δοκιμή:

window.customAttribute = 'works';
window.location.href = '/works';

Δοκιμασμένο με γραφομηχανή 2.4.x

Εδώ είναι πώς να το κάνουμε, αν χρησιμοποιείτε γραφομηχανή Διαχείριση Definition !

npm install typings --global

Δημιουργία typings/custom/window.d.ts:

interface Window {
  MyNamespace: any;
}

declare var window: Window;

Εγκαταστήστε το έθιμο πληκτρολόγηση σας:

typings install file:typings/custom/window.d.ts --save --global

Τέλος, το χρησιμοποιούν ! Γραφομηχανή, δεν θα διαμαρτύρονται πια:

window.MyNamespace = window.MyNamespace || {};

Δεν χρειάζεται να το κάνετε αυτό πολύ συχνά, η μόνη περίπτωση που είχα ήταν όταν χρησιμοποιούν το Redux devtools με middleware.

Εγώ απλά έκανα:

const composeEnhancers = (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

Εναλλακτικά, μπορείτε να κάνετε:

let myWindow = window as any;

και μετά myWindow.myProp = 'my value';

Οι περισσότερες από τις υπόλοιπες απαντήσεις δεν είναι τέλεια.

• Μερικά από αυτά καταστέλλουν ακριβώς το συμπέρασμα τύπο για το κατάστημα.
• Μερικά από τα άλλα νοιάζεται μόνο για την παγκόσμια μεταβλητή ως ονομάτων, αλλά όχι ως διεπαφή / κλάση

Θα συναντήσετε επίσης το ίδιο πρόβλημα σήμερα το πρωί. Προσπάθησα τόσες πολλές «λύσεις» για την ΑΑ, αλλά κανένα από αυτά δεν παράγουν κανένα λάθος είδος απολύτως και θα επιτρέψει την ενεργοποίηση τύπου άλμα σε IDE (webstorm ή vscode).

Τέλος, από εδώ

https://github.com/Microsoft/TypeScript/issues/3180#issuecomment-102523512

, Να βρω μια λογική λύση για να συνδέσετε τυποποιήσεις για την παγκόσμια μεταβλητή η οποία ενεργεί ως διεπαφή / κλάση και namespace δύο .

Παράδειγμα είναι το εξής:

// typings.d.ts
declare interface Window {
    myNamespace?: MyNamespace & typeof MyNamespace
}

declare interface MyNamespace {
    somemethod?()
}

declare namespace MyNamespace {
    // ...
}

Τώρα, ο κώδικας παραπάνω συγχωνεύει τις τυποποιήσεις των ονομάτων MyNamespaceκαι διασύνδεσης MyNamespaceστην παγκόσμια μεταβλητή myNamespace(η ιδιότητα του παραθύρου).

Αν χρησιμοποιείτε τη γωνιακή CLI είναι πολύ απλή (δοκιμαστεί σε CLI RC.0):

src / polyfills.ts

declare global {
  interface Window {
    myCustomFn: () => void;
  }
}

my-παραγγελία utils.ts

window.myCustomFn = function () {
  ...
};

Είμαι χρησιμοποιώντας IntelliJ, γι 'αυτό και χρειάζεται να αλλάξετε τις ακόλουθες ρυθμίσεις στον IDE πριν από νέα polyfills μου πήρε:

> File 
> Settings 
> Languages & Frameworks 
> TypeScript 
> check 'Use TypeScript Service'.

Για εκείνους που θέλουν να ορίσετε μια υπολογιστική ή δυναμικό ιδιοκτησίας στο windowαντικείμενο, θα διαπιστώσετε ότι δεν είναι δυνατόν με τη declare globalμέθοδο. Για να διευκρινιστούν για την περίπτωση χρήσης

window[DynamicObject.key] // Element implicitly has an 'any' type because type Window has no index signature

Μπορεί να προσπαθήσει να κάνει κάτι τέτοιο

declare global {
  interface Window {
    [DyanmicObject.key]: string; // error RIP
  }
}

Το παραπάνω θα λάθος όμως. Αυτό οφείλεται στο γεγονός ότι στη γραφομηχανή, διασυνδέσεις δεν παίζουν καλά με υπολογίζεται ιδιότητες και θα ρίξει ένα λάθος, όπως

A computed property name in an interface must directly refer to a built-in symbol

Για να πάρετε γύρω από αυτό, μπορείτε να πάτε με το προτείνουν χύτευσης windowγια <any>να μπορείτε να κάνετε

(window as any)[DynamicObject.key]

Κάντε μια προσαρμοσμένη διεπαφή επεκτείνει το παράθυρο και να προσθέσετε προσαρμοσμένη ιδιότητα σας ως προαιρετικό.

Στη συνέχεια, αφήστε το customWindow που χρησιμοποιούν το δικό της interface, αλλά αποτιμώνται με το αρχικό παράθυρο.

Είναι συνεργαστεί με την typescript@3.1.3.

interface ICustomWindow extends Window {
  MyNamespace?: any
}

const customWindow:ICustomWindow = window;

customWindow.MyNamespace = customWindow.MyNamespace {} 

Ήθελα να χρησιμοποιήσετε αυτό σε μια γωνιακή (6) βιβλιοθήκη του σήμερα και μου πήρε λίγο χρόνο για να πάρει αυτό το έργο, όπως αναμενόταν.

Για τη βιβλιοθήκη μου για να χρησιμοποιήσω τις δηλώσεις που έπρεπε να χρησιμοποιήσει την d.tsεπέκταση του αρχείου που δηλώνει τις νέες ιδιότητες της παγκόσμιας αντικειμένου.

Έτσι, στο τέλος, ο φάκελος έκλεισε με κάτι σαν:

/path-to-angular-workspace/angular-workspace/projects/angular-library/src/globals.d.ts

Από τη στιγμή που δημιουργήθηκε, μην ξεχάσετε να το εκθέσει σε σας public_api.ts.

Αυτό το έκανε για μένα. Η ελπίδα αυτό βοηθά.

Για την αναφορά (αυτή είναι η σωστή απάντηση):

Μέσα σε ένα .d.tsαρχείο ορισμού

type MyGlobalFunctionType = (name: string) => void

Εάν εργάζεστε στο πρόγραμμα περιήγησης, μπορείτε να προσθέσετε μέλη σε πλαίσιο παραθύρου του προγράμματος περιήγησης, ανοίξτε πάλι διεπαφή Παράθυρο για:

interface Window {
  myGlobalFunction: MyGlobalFunctionType
}

Ίδια ιδέα για NodeJS:

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

Τώρα μπορείτε να δηλώσει τη μεταβλητή ρίζα (που θα ζήσει πραγματικά στο παράθυρο ή παγκόσμια)

declare const myGlobalFunction: MyGlobalFunctionType;

Στη συνέχεια, σε ένα κανονικό .tsαρχείο, αλλά εισάγονται ως παρενέργεια, μπορείτε πραγματικά να εφαρμόσει:

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

Και, τέλος, να το χρησιμοποιήσετε σε άλλα σημεία του βάση κώδικα, είτε με:

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

myGlobalFunction("Kevin");

Εάν χρησιμοποιείτε γραφομηχανή 3.x, μπορείτε να είστε σε θέση να παραλείψετε το declare globalτμήμα στις άλλες απαντήσεις και όχι απλά να χρησιμοποιήσετε:

interface Window {
  someValue: string
  another: boolean
}

Αυτό λειτούργησε μαζί μου όταν χρησιμοποιούν γραφομηχανή 3.3, WebPack και TSLint.

Typscript δεν εκτελεί typecheck στις ιδιότητες κορδόνι.

window["newProperty"] = customObj;

Στην ιδανική περίπτωση, η παγκόσμια μεταβλητή σενάριο θα πρέπει να αποφεύγεται. Το χρησιμοποιώ κάποιες φορές να διορθώσετε ένα αντικείμενο στην κονσόλα του προγράμματος περιήγησης.

Πρώτα θα πρέπει να δηλώσουν το αντικείμενο παράθυρο στο τρέχον πεδίο.
Επειδή γραφομηχανή θα ήθελα να μάθω τον τύπο του αντικειμένου.
Δεδομένου ότι το αντικείμενο window ορίζεται κάπου αλλού δεν μπορείτε να επαναπροσδιορίσουν.
Αλλά μπορείτε να το δηλώσετε ως εξής: -

declare var window: any;

Αυτό δεν θα επαναπροσδιορίσει το αντικείμενο παράθυρο ή δεν θα δημιουργήσει μια άλλη μεταβλητή με το όνομα window.
Αυτό σημαίνει ότι το παράθυρο ορίζεται κάπου αλλού και να είστε απλά αναφορά στο τρέχον πεδίο.

Στη συνέχεια, μπορείτε να ανατρέξετε στο αντικείμενο MyNamespace σας απλά: -

window.MyNamespace

Και τώρα η γραφομηχανή δεν θα παραπονεθεί.

Μετά την εύρεση απαντήσεων γύρω, νομίζω ότι αυτή τη σελίδα μπορεί να είναι χρήσιμη. https://www.typescriptlang.org/docs/handbook/declaration-merging.html#global-augmentation Δεν είστε σίγουροι για την ιστορία της δήλωσης συγχώνευση, αλλά εξηγεί γιατί θα μπορούσε να λειτουργήσει η ακόλουθη.

declare global {
    interface Window { MyNamespace: any; }
}

window.MyNamespace = window.MyNamespace || {};