在 JavaScript 中使用字符串文字连接

Question

我试图了解如何与字符串文字连接。我正在尝试从对象中获取值并将它们添加到字符串中。

let obj = {
  name: 'Mitch',
  age: 29,
  job: 'tutor'
};

function createSentence(obj) { // return a string from obj    
  const result = ''
  result = `Hello my name is ${name}, I am ${age} years old and I am a ${job}`;
  return result;

}
console.log(result);

我收到的错误是我的结果对象未定义。我以为我可以在声明的同时分配它的新值。我尝试添加一个新行只是为了将结果声明为空字符串，但这并没有改变任何东西。

Answer 1

let obj = {
  name: 'Mitch',
  age: 29,
  job: 'tutor'
};

function createSentence(obj) { // return a string from obj    
  return `Hello my name is ${obj.name}, I am ${obj.age} years old and I am a ${obj.job}`;
}

let result = createSentence(obj)

console.log(result);

简单的方法。不想潜得太深，但你的主要错误是：

1. 尝试将值重新分配给 const 变量（这是不允许的）
2. 不是指传递的参数 (obj)，而是指它的键。您要么需要将它们称为 obj。钥匙或先破坏它们。
3. 您正在尝试控制台.log(结果), 这不是一个全局变量。您首先需要将函数的结果存储在一个变量中（在我的示例中称为“结果”）以记录它，或者记录函数调用本身。即：console.log(createSentence(obj))

Answer 2

对象解构是你的朋友......但是你的代码还有其他问题。

您正在尝试重新分配常量。您也没有调用该函数。

let obj = { name: 'Mitch', age: 29, job: 'tutor' };

function createSentence({ name, age, job }) { // return a string from obj    
    const result = `Hello my name is ${name}, I am ${age} years old and I am a ${job}`;
    return result;
}
console.log(createSentence(obj));

Answer 3

1. 您无法更改const 变量，因此请将其更改为let
2. 两次使用结果变量是多余的。
3. 您必须使用 . 符号从对象获取属性

   这是工作：

   let obj = { name: 'Mitch', age: 29, job: 'tutor' };
   function createSentence(obj) { // return a string from obj    
       let result = `Hello my name is ${obj.name}, I am ${obj.age} years old and I am a ${obj.job}`;
       return result;
   }
   console.log(createSentence(obj));