Question

因此，对于学习JavaScript代码来说，这是非常新的东西，我遇到的问题之一是，它不允许我在应该说console.log（'For循环号：$ {1}'）;

const todos = [
    {
        id: 1,
        text: 'Take out the trash',
        isCompleted: true 
    },
    {
        id: 2,
        text: 'Meeting with boss',
        isCompleted: true 
    },
    {
        id: 3,
        text: 'Dentist appt',
        isCompleted: true 
    }
];

// For
for(let i = 0; i < 10; i++) {
    console.log('For Loop Number: ${1}');
}

现在应该显示的是控制台中带有For Loop的数字列表，但我没有得到。 javascript非常新，请记住这一点。

Answer 1

对于template literals，应该将变量/属性作为表达式传递。另外，应该使用反引号（`），而不是标准的单引号或双引号。

for(let i = 0; i < 10; i++) {
  console.log(`For Loop Number: ${i}`);
}

如您所见，在进行了相关更改之后，您的代码可以正常工作。

const todos = [
  {
    id: 1,
    text: 'Take out the trash',
    isCompleted: true
  },
  {
    id: 2,
    text: 'Meeting with boss',
    isCompleted: true
  },
  {
    id: 3,
    text: 'Dentist appt',
    isCompleted: true
  }
];

// For
for (let i = 0; i < 10; i++) {
  console.log(`For Loop Number: ${i}`);
}

Answer 2

您需要使用`回勾符号。

const todos = [
    {
        id: 1,
        text: 'Take out the trash',
        isCompleted: true 
    },
    {
        id: 2,
        text: 'Meeting with boss',
        isCompleted: true 
    },
    {
        id: 3,
        text: 'Dentist appt',
        isCompleted: true 
    }
];

// For
for(let i = 0; i < 10; i++) {
    console.log(`For Loop Number: ${i}`);
}

Answer 3

尝试使用反引号代替引号，并使用i代替1。

for(let i = 0; i < 10; i++) {
    console.log(`For Loop Number: ${i}`);
}

Answer 4

更改

for(let i = 0; i < 10; i++) {
    console.log('For Loop Number: ${1}');
}

至

for(let i = 0; i < 10; i++) {
    console.log(`For Loop Number: ${i}`);
}

为什么在将$ {}放入javascript代码时会遇到麻烦？

4 个答案: