JavaScript - Почему я не могу назвать переменную «имя»?

Question

Почему вы не можете назвать переменную в JS «name»?

var wrapper = document.createElement("div"); 
var name = document.createElement("div"); 

wrapper.appendChild(name); // TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. 

document.body.appendChild(wrapper); 

Когда я набираю «имя» в консоли на новой вкладке, он возвращает пустую строку?

Я использую Chrome.

Answer 1

Потому что window.name является магическим свойством объекта window и может содержать только строки (любой объект, включая массивы, принуждается к примитивному типу и становится чем-то вроде "[Object Object]"). Переменные, определенные в глобальной области видимости, становятся свойствами глобального объекта и могут вызывать конфликты.

У вас может быть переменная name в любом неглобом пространстве. Простое обходное решение может заключаться в том, чтобы обернуть ваш код в выраженном функциональном выражении (IIFE).

(function(){ 

    var wrapper = document.createElement("div"); 

    var name = document.createElement("div"); 


    wrapper.appendChild(name); // workd 


    document.body.appendChild(wrapper); 

}()); 

Answer 2

«имя» является предопределенным название зависит от реализации объектов JavaScript, методы или свойства, вы должны избегать, чтобы использовать это в качестве имени для переменной, хотя это не является зарезервированным словом и может работать в некоторых браузерах

Answer 3

name является зарезервированным словом, среди многих других слов. Вы можете увидеть full list here, чтобы увидеть все зарезервированные слова.

Они действуют как разные функции, методы и т. Д. Например, вы не можете назвать функцию «функция».