function* range(start, end) {
  let current = start;
  while (current <= end) {
    if (current % 3 === 0) {
      current++;
      continue;
    }
    yield current++;
  }
}

const gen = range(4, 10);
const result = [...gen];
console.log(result);

async function demo() {
  console.log('1');
  
  setTimeout(() => console.log('2'), 0);
  
  Promise.resolve().then(() => {
    console.log('3');
    setTimeout(() => console.log('4'), 0);
  });
  
  await Promise.resolve();
  console.log('5');
  
  queueMicrotask(() => console.log('6'));
}

demo();
console.log('7');

const config = {
  port: 0,
  timeout: null,
  retries: '',
  cache: false,
  debug: undefined
};

const port = config.port ?? 3000;
const timeout = config.timeout ?? 5000;
const retries = config.retries ?? 3;
const cache = config.cache ?? true;
const debug = config.debug ?? false;

console.log([port, timeout, retries, cache, debug]);

const team = {
  captain: { name: 'Jack', age: 35 },
  players: ['Bob', 'Alice', 'Mike'],
  details: { founded: 2020, league: 'Premier' }
};

const { 
  captain: { name }, 
  players: [, second],
  details: { league: division = 'Amateur' } 
} = team;

console.log(`${name}-${second}-${division}`);

const handler = {
  get: (target, prop) => {
    if (prop in target) {
      return target[prop] * 2;
    }
    return 100;
  }
};

const nums = new Proxy({ a: 5, b: 10 }, handler);
console.log(nums.a, nums.b, nums.c);

async function fetchData() {
  const promise = new Promise(resolve => {
    setTimeout(() => resolve('first'), 2000);
  });
  
  console.log('start');
  const result = await promise;
  console.log(result);
  console.log('end');
}

fetchData();
const x = 'after';
console.log(x);

function* counter() {
  let count = 1;
  while (true) {
    const reset = yield count;
    count = reset ? 1 : count + 1;
  }
}

const gen = counter();
console.log(gen.next().value);
console.log(gen.next().value);
console.log(gen.next(true).value);
console.log(gen.next().value);