🔸window.name

🚧 施工中

JS ⟩ scope ⟩ global ⟩ object ⟩ window ⟩ name

( ⭐️ getter/setter / ❗) gets/sets the name of the window's browsing context.

⭐️ 重點

window.name is a getter/setter / ❗

• The name of the window is used primarily for setting targets for hyperlinks and forms. (❓)

• Browsing contexts do not need to have names. (❓)

💈範例

• replit：window.name

const { log } = console;

// ⭐️ name | window.name 
// ----------------------
//   • gets/sets the name of the window's browsing context
//   • defaults to '' (empty string)
log(name === '', typeof name);    // true, 'string'

// ⭐️ "sets" window.name
// ----------------------
//   • `window.name` converts stored value to string using `toString`.
name = 123;

log(
    name,             // '123'    (123 converted to '123'❗)
    name === 123,     // false    (name is still a string❗)
    typeof name       // 'string'
);

// ⭐️ global var redecalaration is ignored, 
// ❗ but assignment is applied nevertheless.
var name = [1,2,3];

log(
    window.name,      // '1,2,3'    ([1,2,3] converted to '1,2,3'❗)
    name === '1,2,3', // true
    typeof name       // 'string'   (window.name is always a string getter)
);

👥 相關

• window.name is a global object property, which means that it's also a global variable❗

📗 參考

• YDKJS: Scope & Closures (v.2) ⟩ Ch. 4 ⟩ What's in a (Window) Name?

📘 手冊

• Window.name

❓

• what is a browsing context❓

• setting targets for hyperlinks or forms for what❓