Ana içeriğe geç

Eski Tarayıcılar İçin Vanilla JavaScript (IIFE)

IIFE dağıtımı, ECMAScript modüllerini desteklemeyen tarayıcılara yöneliktir.

ipucu

IIFE'lar, kodunuzu bir fonksiyon içinde sarmalayarak global alanı kirletmemenizi sağlar. Bu, değişken isimlerinin çakışmasını önler.

Dosyalar packages/csv/dist/iife klasörü içinde bulunmaktadır. Projenize içe aktarın veya paketi indirmek ve ona atıfta bulunmak için NPM kullanın.

Sayfa bağlamında global olarak mevcut:

  • Akış ve geri çağırma API'si: stream_transform.transform(/* arguments */);
  • Senkron API: stream_transform_sync.transform(/* arguments */);

Örnek​

Çalışan bir demo, demo/browser dizininde mevcuttur.

bilgi

Express ile dosyaları sunarken, doğru yolda olduğunuzdan emin olun.

Express ile dosyaları şu şekilde sunabilirsiniz:

const app = express();
app.use('/lib/csv/',
  express.static(`node_modules/csv/dist/iife/`));
app.listen(3000);

HTML kodu şöyle görünmektedir:

<script src="/lib/csv/index.js"></script>
<script>
  csv
  // 20 kayıt oluştur
  .generate(/* arguments */)
  // CSV verilerini kayıtlara dönüştür
  .pipe(csv.parse(/* arguments */))
  // Her değeri büyük harfe dönüştür
  .pipe(csv.transform(/* arguments */))
  // Nesneleri bir akışa dönüştür
  .pipe(csv.stringify(/* arguments */))
  .pipe(/* çıktıyı tüket */)
</script>
not

Bu yapılandırma, CSV verilerini işlemek için esnek bir yol sunmaktadır. Her aşamada belirli dönüşümler gerçekleştirebilirsiniz.

Senkron API kullanmak istiyorsanız, şunu kullanın:

<script src="/lib/csv/sync.js"></script>
<script>
  const input = csv_sync.generate(/* arguments */);
  const rawRecords = csv_sync.parse(input, /* arguments */);
  const refinedRecords = csv_sync.transform(rawRecords, /* arguments */);
  const output = csv_sync.stringify(refinedRecords, /* arguments */);
</script>