microsoft / microsoft/TypeScript
Shouldn't TypeScript be able to polyfill `import defer` with `Proxy` to work with `"module": "commonjs"`?
Nessuno ha ancora preso questa issue.
- Lingua principale
- Go
- Stelle
- 111k
- Fork
- 14.3k
- Merge medio
- 2g 4h
- PR unite (30g)
- 132
Descrizione
### 🔍 Search Terms
import defer commonjs
import defer require
### ✅ Viability Checklist
- [x] This wouldn't be a breaking change in existing TypeScript/JavaScript code
- [x] This wouldn't change the runtime behavior of existing JavaScript code
- [x] This could be implemented without emitting different JS based on the types of the expressions
- [x] This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, new syntax sugar for JS, etc.)
- [x] This isn't a request to add a new utility type: https://github.com/microsoft/TypeScript/wiki/No-New-Utility-Types
- [x] This feature would agree with the rest of our Design Goals: https://github.com/Microsoft/TypeScript/wiki/TypeScript-Design-Goals
### ⭐ Suggestion
Since the TypeScript beta announcement, I tried it in the playground. But setting `"module"` to `"commonjs"` sadly revealed that `import defer` only work with `"module": "esnext"` or `"module": "preserve"`.
But `Proxy` can polyfill this exact behavior.
### 📃 Motivating Example
This code:
```typescript
import defer * as MyModule from 'my-module'
```
should output something like this:
```javascript
let _module
const MyModule = new Proxy({}, {
get(_target, prop) {
if (!_module) {
_module = require('my-module') // the real code would obviously more complicated as it needs to force `_module` to be an object
}
return _module[prop]
}
})
```
### 💻 Use Cases
1. What do you want to use this for? Using `import defer` for legacy targets
2. What shortcomings exist with current approaches? `await import` forces `Promise`
3. What workarounds are you using in the meantime? `await import`
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia tracciando come TypeScript gestisce `import defer` quando `module` è `commonjs`, e confrontalo con il comportamento esistente di `esnext` e `preserve`. Usa l’esempio motivante di `Proxy` e il caso d’uso indicato per i target legacy per definire l’output previsto, quindi aggiungi una copertura che mostri se l’accesso differito sincrono funziona senza introdurre `Promise`.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript, typescript
- Ambito
- compilers
- Tipo di issue
- Funzionalità
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 28/100