TL;DR;

VS Code IntelliSense? ?? ?? ??? ??? ?? JavaScript ????? ?????? ????? ? ? ????. ?? ???? ? ??? ??? ??? ?? ?????? ??? ?? ???? ? ?? ??? ???? null ? ?? ???(??)? ???? ??? ??????. ???? ????? ???? ????? ??? ???? ?? ?? ????? ???? ???.

??? VS Code IntelliSense? ?? ?? ????? ?? ??? ???? ?? JavaScript ?????? ???? ?????? ? ? ????.

var interface = () => null;

var InterfaceOptions = () => ({
  name: '',
});
InterfaceOptions = interface;

// 使用示例
// =====

let opt = InterfaceOptions`` ?? {
  name: 'Bagel',
};

function createItem(options = InterfaceOptions``) {
  // ...
}

createItem(opt);

??? ?? JavaScript?? ?? ??? ??? ????.

??? ?? ??? ????? ?? ???? ??? ?? ??? null? ???? ??? ?????. ?? ?? Null ?? ???(??)? ???? ??? ???? ???? ? ?? ?? ??? ??? ? ????.

????? ?????! ?? ?? #4 ??? ?? ??? ?????.

?? ??

1. VS Code IntelliSense?? createBox() ??? ??? ?? ???? ????? ????.

2. ?? ????? ???? ????, ???? ??? ?? ?? ?? ?? ????.

3. ?? ???? ??? ???? ?? ?? ??? ??? ? ???? ??? ?????.

4. ??? ?? ???? ??????. 5?? ???? "?????"? ?? ??? ???? ?? ?? ?? ??? ??????. ?? ? ???? ?? ??? InterfaceBoxOptions ?? ??? ?? ???? ???? ???.

5. ??? ?????. ??? ??? ?? ??? ???? ??? ???? ??? ????? ??? ??? IntelliSense? ??? ?? ? ????

6. ????? ??? ?????? ?? ???? IntelliSense? ????? ??? ?????.

7. ???? ??? ? ??? ?? ??? ??? ??? ?????.

8. ??? ? ?? ? ???. ?? ? ?? ??? ????? ?????! ??? ?? ? ????

9. ?? '?'???. null ??(??) ???? ?????. ??? ?? ?? ??? ?????. ??? ????? ?? ? ??? ????? ???? boxOptions? null? ????? ?? ???.

10. ?????? ?? ????? IntelliSense? ?????? ?? ??? null? ???? ??(5?)? ?? ??? ??? ???? ?? ???? ?????.

?? ?? JavaScript? ???? ?????? ?? ??? ?????. ??? ???? TypeScript? ????? ??? ??? ??? ????.

????

?? ??? ?? interfaceName ??? Terser? ???? ?? ? ???? ??? ?? ????? ??????. ???? ???? ??? null ?? ???? ?? ?????.

??:

var interface = () => null;

var InterfaceOptions = () => ({
  name: '',
});
InterfaceOptions = interface;

// 使用示例
// =====

let opt = InterfaceOptions`` ?? {
  name: 'Bagel',
};

function createItem(options = InterfaceOptions``) {
  // ...
}

createItem(opt);

??:

let opt = InterfaceOptions`` ?? {
  name: null,
};

????? ??? ???? ??? ??? ??? ??? ?? ? ????.

let opt = {
  name: null,
};

??

1. ??????? var

?????? ?? var ?? let ?? const? ???? ???. ??? ?? Terser? ???? ??? ???? ??? ? ?????.

let opt = (() => null)() ?? {
  name: null,
};

var interface = () => null;

var InterfaceOptions = () => ({
  name: null,
});
InterfaceOptions = interface;

? ??? ?? #572: ??? ???? ???? ?? ??? ?????.

2. ? ????? ??

?? ?? ?? ??? ?? ?????? ???? ? ?? ????? ??? ??? ? ?? ?? ??? ??? ? ????.

// terser 選項(xiàng)
{
  toplevel: true,
  compress: true,
  // ...
}

3. ????? ??? ?????? ?????

?? ???? ???? ??? ??? ????.

var interface = () => null;

var InterfaceOptions = () => ({
  name: '',
});
InterfaceOptions = interface;

// 使用示例
// =====

let opt = InterfaceOptions`` ?? {
  name: 'Bagel',
};

function createItem(options = InterfaceOptions``) {
  // ...
}

createItem(opt);

??? ???

4. ????? ??????

?. ??? IntelliSense? ??? ????? ???? ?? ??? ?????? ???? ???. ?? ??? ? ?????? ??? ??.

? 1:

let opt = InterfaceOptions`` ?? {
  name: null,
};

??? ??? ????. ?? ??? ??? ???? ?? ?????!

? 2:

let opt = {
  name: null,
};

5. ????? ??? ? ????

????? ???, ? ?? ??? ?? ?? ??? ?????.

??? ??? ?? ? ? ????.

let opt = (() => null)() ?? {
  name: null,
};

?? ???? ?? ???? ??? ???? ?????? ???????. ??? URL? ?? ??? ? ?? ??? ?? ???? /uploads/... ??? ??? ??????. ??? ??? ??? ??? ??? ?????.

? ??? VS Code IntelliSense? ??? ??? JavaScript? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!