yoklateknik mülakat
GelişimGeçmiş

Frontend Javascript Modules Bundling Mülakat Soruları

75 doğrulanmış Frontend Javascript Modules Bundling mülakat sorusu — cevaplarıyla çöz, açıklamalarıyla öğren, gerçek simülasyonda kendini test et.

Gerçek simülasyonu dene →

Örnek sorular

Javascript Modules BundlingZorluk 1
ES modüllerinde named export ile default export arasındaki temel fark nedir?
  • aNamed export'lar sadece fonksiyon export edebilir, default export herhangi bir değeri export edebilir
  • bBir modülün sınırsız default export'u olabilir ama sadece bir named export'u olabilir
  • cDefault export'larda export kelimesi iki kez yazılmalıdır
  • dBir modülün birden fazla named export'u ama en fazla bir default export'u olabilir✓
Açıklama:ES modülleri aynı dosyada iki bağımsız export mekanizması destekler: istenildiği kadar named export ({ isim } ile, export edilen tanımlayıcıyla eşleşerek import edilir) ve en fazla bir default export (herhangi bir yerel isimle import edilebilir, örn. import istediginAd from './mod.js').
Javascript Modules BundlingZorluk 1
CommonJS'te bir modülden tek bir nesneyi export etmenin doğru yolu nedir?
  • aNesneyi module.exports'a atamak✓
  • bexport default anahtar kelimesini kullanmak
  • cmodule.export(obj)'i fonksiyon gibi çağırmak
  • dNesneyi dosyanın en üst seviyesinden return etmek
Açıklama:CommonJS'te export/export default anahtar kelimeleri yoktur — modülün dışa açık arayüzü, module.exports'a (ya da exports kısayolu üzerinden onun özelliklerine) atanan değerdir.
Javascript Modules BundlingZorluk 2
// math.js
export const add = (a, b) => a + b;
export const BASE = 10;

// main.js
import { add, BASE } from './math.js';
console.log(add(2, BASE));

Bu ne loglar?
  • aNaN
  • bundefined
  • c12✓
  • dSyntaxError: Unexpected token 'export'
Açıklama:Hem add hem BASE named export'tur ve tam adlarıyla import edilir. add(2, BASE), add(2, 10)'a eşdeğerdir ve 12 döner.
Javascript Modules BundlingZorluk 2
// util.js
export default function greet(name) {
  return `Hello, ${name}`;
}

// main.js
import sayHi from './util.js';
console.log(sayHi('Ada'));

Bu ne loglar?
  • aundefined
  • bHello, Ada✓
  • cImport edilen isim, export edilen fonksiyonun ismiyle eşleşmediği için SyntaxError
  • dgreet('Ada')
Açıklama:Default export herhangi bir yerel isimle import edilebilir — sayHi, import eden tarafın default export edilen greet fonksiyonuna verdiği yerel bir isimdir. Çağrıldığında Hello, Ada döner.
Javascript Modules BundlingZorluk 1
Tarayıcıda <script> etiketi içinde doğrudan import/export sözdizimi kullanmakla ilgili hangisi doğrudur?
  • aHerhangi bir <script> etiketinde yapılandırma gerektirmeden çalışır
  • b<script> etiketinin type="module" olması gerekir✓
  • cimport/export sadece Web Worker içinde çalışır, normal sayfalarda çalışmaz
  • dScript inline olmalıdır; modül script'leri src özniteliğini kullanamaz
Açıklama:Tarayıcılar bir <script>'i yalnızca type="module" işaretlendiğinde ES modülü olarak ele alır — üst-seviye import/export'u ancak bu şekilde etkinleştirir. Düz bir <script>'te import/export sözdizim hatasıdır.
Javascript Modules BundlingZorluk 2
// colors.js
export const red = '#f00';
export const blue = '#00f';

// main.js
import * as colors from './colors.js';
console.log(colors.red, Object.keys(colors).length);

Bu ne loglar?
  • a#f00, 1
  • bundefined, 2
  • cTypeError: colors is not an object
  • d#f00, 2✓
Açıklama:import * as colors, tüm named export'ları bir namespace nesnesinde toplar. colors.red '#f00''dır ve namespace'in 2 anahtarı vardır (red, blue).

Uzmanlığa göre

Angular 450JavaScript 450React 450TypeScript 450Vue 450

Kıdeme göre

Frontend JuniorFrontend MidFrontend Senior

Diğer alanlar

BackendFullstackDevOps / CloudAI EngineerVeritabanıMobilGüvenlikQA / Test OtomasyonuData EngineerOyun GeliştirmeML Engineer

2925 soruluk Frontend bankasında kendini sına.

Mülakata başla