JavaScript 进阶 39 -- String模板字符串和 Object简写

最新推荐文章于 2023-05-23 03:22:28 发布

淡泊-宁静致远

最新推荐文章于 2023-05-23 03:22:28 发布

阅读量349

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/dingdinglaila/article/details/113747229

版权

本文介绍了JavaScript中的模板字符串，强调了其在字符串拼接上的优势及常用方法，如includes(), startsWith(), endsWith()，并提到了它们的查找特性。此外，还简述了Object的简写形式。" 122682652,11272780,开源电商平台：商品发布与管理详解,"['PHP', '小程序', '电商系统', '商品发布', '库存管理']

摘要由CSDN通过智能技术生成

String模板字符串

let str1= 'hello';
let str2 = 'word';
let str3 = `${str1}${str2}`;//这个不是引号，是数字1键 左边的 键 的符号
console.log(str1+str2);//helloword
console.log(str3);//helloword


let pr = {
    name:'zs',
    age:33,
    sex:'男',
    sayHi(){
        return 'hi'
    }
}
//一般这样拼接字符串，引号加号拼接字符串，不能换行
let domStr = '<div><span>'+pr.name+'</span><span>'+pr.age+'</span><span>'+pr.sex+'</span></div>'
// 模板字符串 拼接字符串可以换行，清晰 不容易出错
let domStr2 = `
    <div>
        <span>${pr.name}</span>
        <span>${pr.age}</span>
        <span>${pr.sex}</span>
        <span>${pr.sayHi()}</span>
    </div>
`;
console.log(domStr2);

之前都是通过 “+” 来拼接字符串的，在dom中极易出错。模板字符串拼接字符串清晰