模版字符串

发表于2025-04-25|更新于2025-04-25|Front-endJavascriptBasic grammer

|浏览量:

模版字符串

换行

// let name = 'Jack'
// let msg = 'hello world'
let name = `Jack`
let msg = `hello world`

// let htmlStr = '<div class="hot-goods-box"><h>热门商品</h><p>炸了</p></div>'
let htmlStr = `<div class="hot-goods-box">
        <h>热门商品</h>
        <p>炸了</p>
        </div>`

变量内嵌

let name = 'bit'
let age = 9
// let str = 'My name is  '+ name + ', I am ' + age + 'years old' + (age >= 18 ? '已成年' : '未成年')
let str = `My name is ${name} I am ${age} years old + ${age >= 18 ? ' 已成年' : ' 未成年'}`  
console.log(str)

文章作者: MyAKDream

文章链接: http://myakdream.com/2025/04/25/Javascript/Basic%20grammer/Template%20string/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 MyAKDreamのBlog！

相关推荐

模块化概述模块化是指将一个复杂程序划分为一系列独立、可互操作的模块的过程。每个模块负责特定的功能或任务，并通过定义好的接口与其他模块进行通信。简单来说, 就是将代码进行分解、按功能进行管理。模块化的目的是提高代码的可维护性、可重用性、可测试性和可扩展性。开发者能够更容易地处理大型JavaScript项目。目录结构默认导出和导入123456789min.jsexport default function min(m, n){ return m > n ? n : m}index.jsimport min from './utils/min.js'console.log(min(12, 45)) 注意： export default 在同一个模块中只能使用一次默认导入的变量名可以随便起，一般建议和模块功能保存一致。按需导出和导入按照导入的变量必须要用花括号括起来，并且变量名和导出名必须保持一致。 12345678910111213141516math.jsexport function add(x,...

数组概述JavaScript 数组是一种用于存储多个值的变量类型，并且这些值可以是任何数据类型（数字、字符串、对象等）。数组可以使用多种方式进行创建和操作。主要方法创建数组使用数组字面量： 1let arr = [1, 2, 3, "Hello", {name: "Alice"}]; 使用 Array 构造函数： 1let arr = new Array(1, 2, 3, "Hello", {name: "Alice"}); 创建一个具有特定长度的数组（初始值为 undefined）： 1let arr = new Array(5); // 创建一个长度为5的数组访问数组元素通过索引访问（索引从0开始）：12let arr = [10, 20, 30];console.log(arr[0]); // 输出: 10 修改数组元素通过索引修改：123let arr = [10, 20, 30];arr[1] =...

对象概述在JavaScript中，对象（Object）是一种复合值，它允许你将多个值（原始值或其他对象）组织成一个结构化的实体。对象是通过键值对（key-value pairs）来存储数据的，其中键（key）是一个字符串（或Symbol），而值（value）可以是任何数据类型，包括原始值（如数字、字符串）、其他对象或函数。对象基本操作创建对象在JavaScript中，有几种创建对象的方法：对象字面量： 1234567let person = { name: "Alice", age: 30, greet: function() { console.log("Hello, my name is " + this.name); }}; 构造函数： 123456789function Person(name, age) { this.name = name; this.age = age; this.greet = function() { ...

Async和Await概述在JavaScript中，async 和 await 是用于处理异步操作的关键字，它们提供了一种更简洁和易于理解的方式来编写异步代码。与传统的回调函数和Promise相比，async 和 await 使异步代码看起来更像是同步代码，从而提高了代码的可读性和维护性。 async 关键字async 关键字用于声明一个异步函数。这个函数会隐式地返回一个Promise对象。即使你没有在函数内部显式地返回一个Promise，JavaScript引擎也会自动将函数的返回值包装成一个Promise。 123async function myAsyncFunction() { // 这里可以包含同步和异步操作} await 关键字await...

解构赋值概述目标：数组或者对象作用：让数组或对象的取值更便捷数组解构1234567const arr = [11, 22, 33]// let a = arr[0]// let b = arr[1]// let c = arr[2]let [a, b, c] = arrconsole.log(a, b, c) {: height=75%, width=75%} 123456const arr = [11, 22, 33]let [, b, c] = arrconsole.log(b, c)let [a, , d] = arrconsole.log(a, d) {: height=75%, width=75%} 123const arr = [1, [2, 3], 4]let [a, [b, ], d] = arrconsole.log(a, b, d) {: height=75%, width=75%} 对象解构传统方法： 1234567891011const obj = { name:...

变量和常量

变量和常量概述变量可以重新赋值，而常量不可以 12345678910111213// 变量let name = 'Jack'let age = 18name = 'ycq'age = 20// 常量const PI = 3.14const articleList = []const user = { name: 'vue3', age: 9} 思考 const 声明的数组可以添加或删除吗 const 声明的对象可以添加或者修改吗可以的，因为数组和对象在JS中属于引用类型，对其做添加、删除等操作，并不改变内存地址。本质上就是修改指针指向的空间。