在前端开发中，经常需要动态地展示某个变量的值。有时候，我们也需要展示另一个变量的值，这就需要用到一些前端技巧。
1. 使用模板字符串
在 JavaScript 中，可以使用模板字符串来拼接文本和变量。模板字符串使用反引号（``）包裹，变量使用 ${} 包裹。例如：
const name = 'Alice';
const age = 25;
console.log(`My name is ${name} and I am ${age} years old.`);
// 输出：My name is Alice and I am 25 years old.可以看到，使用模板字符串可以方便地将多个变量的值拼接在一起展示。
2. 使用对象属性
如果想要展示另一个变量的值，可以将它作为某个对象的属性，然后使用点号（.）访问该属性。例如：
const person = {
name: 'Bob',
age: 30,
city: 'New York'
};
console.log(`My friend's name is ${person.name} and he is ${person.age} years old.`);
// 输出：My friend's name is Bob and he is 30 years old.3. 使用数组下标
如果要展示另一个数组中的值，可以使用数组下标访问该值。例如：
const fruits = ['apple', 'banana', 'orange'];
console.log(`My favorite fruit is ${fruits[0]}.`);
// 输出：My favorite fruit is apple.4. 使用函数返回值
有时候，需要根据一个变量的值来展示另一个变量的值。可以使用函数来实现这个功能。例如：
-- -------------------- ---- -------
-------- -------------------- -
------ ------- -
---- --------
------ ------
---- ---------
------ ---------
---- ---------
------ ---------
--------
------ ----------
-
-
----- ------------- - --------
--------------- -------- ----- -- ---------------- --- --- ----- -- -----------------------------------
-- ----- -------- ----- -- ----- --- --- ----- -- ----总结
展示另一个变量的值，可以使用模板字符串、对象属性、数组下标或函数返回值等方法。不同的场景可以选择不同的方法，以展示最优美的页面效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28402