Skip to content

Instantly share code, notes, and snippets.

@alpgul
Created March 14, 2025 18:41
Show Gist options
  • Save alpgul/e531ea69deb1afcbc3d99387a7a947c9 to your computer and use it in GitHub Desktop.
Save alpgul/e531ea69deb1afcbc3d99387a7a947c9 to your computer and use it in GitHub Desktop.
JSON Modules proposal'ı, JavaScript modül sistemine JSON dosyalarını doğrudan içe aktarma (import) desteği ekler. Bu, JSON verilerinin modül olarak kullanılmasını sağlar ve geliştiricilerin JSON dosyalarını daha kolay ve doğrudan bir şekilde kullanmalarına olanak tanır.

JSON Modules Proposal'ı: JSON Dosyalarını Modül Olarak İçe Aktarma


Makale Detaylı Anlatımı ve Örnek Kullanımı

JSON Modules Nedir?

JSON Modules, JavaScript modül sistemine JSON dosyalarını doğrudan içe aktarma (import) desteği ekler. Bu sayede, JSON dosyaları bir modül olarak kullanılabilir ve içerdikleri verilere doğrudan erişilebilir. Bu özellik, özellikle yapılandırma dosyaları, statik veri setleri veya API yanıtları gibi JSON verilerini kullanırken büyük kolaylık sağlar.

Örnek Kullanım

JSON Dosyasını İçe Aktarma

Bir JSON dosyasını doğrudan modül olarak içe aktarabilirsiniz. Örneğin, config.json adında bir dosyamız olsun:

{
  "appName": "MyApp",
  "version": "1.0.0",
  "settings": {
    "theme": "dark",
    "language": "en"
  }
}

Bu JSON dosyasını bir JavaScript modülü olarak içe aktarabiliriz:

import x from 'data:application/json,{"foo":42}' with { type: "json" };
import config from './config.json' with  { type: 'json' };

console.log(config.appName); // "MyApp"
console.log(config.settings.theme); // "dark"

Dinamik İçe Aktarma (Dynamic Import)

JSON dosyalarını dinamik olarak da içe aktarabilirsiniz:

const loadConfig = async () => {
  const config = await import('./config.json', { with : { type: 'json' } });
  console.log(config.default.appName); // "MyApp"
};

loadConfig();

Modül Olarak Kullanım

JSON dosyaları, modül olarak içe aktarıldığında, bir nesne olarak kullanılabilir. Bu, özellikle büyük veri setleri veya yapılandırma dosyaları için kullanışlıdır.

import data from './data.json' with  { type: 'json' };

data.users.forEach(user => {
  console.log(user.name);
});

Avantajlar

  1. Kolaylık: JSON dosyalarını doğrudan içe aktarma imkanı.
  2. Okunabilirlik: JSON verilerine doğrudan erişim sağlayarak kodun daha okunabilir olması.
  3. Performans: JSON verilerinin modül olarak yüklenmesi, veri işleme süreçlerini hızlandırabilir.

Referanslar ve Linkler

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment