Конфликт имен переменных Javascript

Question

Конфликт имен переменных Javascript

var name = document.querySelectorAll('.info input[type=text]');
var name1 = document.querySelectorAll('.info input[type=text]');

console.log(name);
console.log(name1);

            <div class='info'>
                <div>
                    <div><label id="dd">Name</label><input type='text'></div>
                    <div><label>Father Name</label><input type='text'></div>
                
                </div>
            </div>

javascript производит разные результаты для одного и того же кода, только имя переменной отличается. это результат, произведенный на моем устройстве

javascript,

1

Ответов: 3

JavaScript,

Похожие вопросы

score 4 · Answer 1

4

Существует свойство называется nameна объекте , который вы печатаете из:var name2 = document.querySelectorAll('.info input[type=text]'); var name1 = document.querySelectorAll('.info input[type=text]'); console.log(name === window.name); console.log(name2); console.log(name1);

            <div class='info'>
                <div>
                    <div><label id="dd">Name</label><input type='text'></div>
                    <div><label>Father Name</label><input type='text'></div>
                
                </div>
            </div>

let [ name1, name2 ] = document.querySelectorAll('.info input[type=text]');

<div class='info'>
   <div>
     <div><label id="dd">Name</label><input type='text'></div>
     <div><label>Father Name</label><input type='text'></div>       
   /div>
</div>

score 2 · Answer 2

2

Проблема связана с именем: https://developer.mozilla.org/en-US/docs/Web/API/Window/name

Поскольку вы находитесь в верхней области, вы изменяете window.name вместо создания нового var. window.name преобразуется в строку, поэтому он записывает что-то другое. Вам нужно обернуть этот код в функцию или использовать другое имя переменной.

score 1 · Answer 3

1

window.name

Попытайтесь использовать переменную вместо того, nameчтобы это могло противоречить window.name, это будет только противоречить, если вы используете эту переменную в своей корневой области. Вместо этого используйте модульный подход. Чтобы избежать таких ошибок.