Javascript 我得到一个“参考错误:按钮未定义”错误
目前正在学习“什么是闭包”并尝试此实践代码。在VisualStudio代码中运行 期望每次迭代都获得新的块范围idx、btn变量;循环也会创建一个新的内部onClick。。每次都是函数。但它得到了这个错误Javascript 我得到一个“参考错误:按钮未定义”错误,javascript,node.js,reactjs,ecmascript-6,Javascript,Node.js,Reactjs,Ecmascript 6,目前正在学习“什么是闭包”并尝试此实践代码。在VisualStudio代码中运行 期望每次迭代都获得新的块范围idx、btn变量;循环也会创建一个新的内部onClick。。每次都是函数。但它得到了这个错误 PS C:\Users\leePC\babel\public\src> node test.js C:\Users\leePC\babel\public\src\test.js:1 for (let [idx,btn] of buttons.entries()) { btn.addEv
PS C:\Users\leePC\babel\public\src> node test.js
C:\Users\leePC\babel\public\src\test.js:1
for (let [idx,btn] of buttons.entries()) {
btn.addEventListener("click",function onClick(){
console.log(`Clicked on button (${ idx })!`); }); }
^
ReferenceError: buttons is not defined
at Object.<anonymous>
(C:\Users\leePC\babel\public\src\test.js:1:31)
at Module._compile
(internal/modules/cjs/loader.js:1157:30)
at Object.Module._extensions..js
(internal/modules/cjs/loader.js:1177:10)
at Module.load (internal/modules/cjs/loader.js:1001:32)
at Function.Module._load
(internal/modules/cjs/loader.js:900:14)
at Function.executeUserEntryPoint [as runMain]
(internal/modules/run_main.js:74:12)
at internal/main/run_main_module.js:18:47
并尝试在代码前面导入,但仍然不起作用。它会弹出不同的错误。。。
如何解决这个问题
编辑:当我使用import语句,然后由Babel转换此代码时,发生了此错误
已声明“Button”,但从未读取其值
函数myFunction{
let buttons=document.queryselectoral`[id]`
对于let[idx,btn]的buttons.entries{
btn.addEventListenerclick,函数onClick{
警报`单击按钮${idx}!
`;
};
}
}
0
1.
2.
3.
4.
从不阅读意味着你没有在代码中的任何地方使用按钮yetReferenceError:按钮没有定义,那么,你在哪里定义了按钮?听起来你不知道我很笨谢谢
PS C:\Users\leePC\babel\public\src> node test.js
C:\Users\leePC\babel\public\src\test.js:1
for (let [idx,btn] of buttons.entries()) {
btn.addEventListener("click",function onClick(){
console.log(`Clicked on button (${ idx })!`); }); }
^
ReferenceError: buttons is not defined
at Object.<anonymous>
(C:\Users\leePC\babel\public\src\test.js:1:31)
at Module._compile
(internal/modules/cjs/loader.js:1157:30)
at Object.Module._extensions..js
(internal/modules/cjs/loader.js:1177:10)
at Module.load (internal/modules/cjs/loader.js:1001:32)
at Function.Module._load
(internal/modules/cjs/loader.js:900:14)
at Function.executeUserEntryPoint [as runMain]
(internal/modules/run_main.js:74:12)
at internal/main/run_main_module.js:18:47
npm install react-uikit-button --save;
// ES6
import Button from 'react-uikit-button';
// ES5
var Button = require('react-uikit-button');
//May be the scope of buttons does not exists.
//Try to run this one.