JavaScript 进阶 39 -- String模板字符串和 Object简写_对象中的key为什么不能用模板字符串-优快云博客

本文链接：https://blog.youkuaiyun.com/dingdinglaila/article/details/113747229

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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中极易出错。模板字符串拼接字符串清晰不易出错，可以换行。

注意： “ ` ` ”这个符号是反单引号，在键盘数字1的左侧，esc键的下方

【例】

let str = 'china is great';

includes() ；是否包含某个字符串

console.log(str.includes('gr'));//ture

startsWith(); 是否已某个大写字母开头

console.log(str.startsWith('A'))//false

endsWith(); 是否已某个字符为结尾的

console.log(str.endsWith('.jpg'));//false
console.log(str.endsWith('a',5));//从左向右找，到下标处止，是否以a结束 true

注意：

includes、startsWith 默认都是从左(0) 向右开始查找，可以有第二个参数（从下标处开始查找）

endsWith 从左向右找，到下标处止，是否以某个字符结束

Object 简写

let person={
    name:'zs',
    age:33,
    work:function(){
        console.log('working')
    }
};
//很多时候 对象中的内容都是变量，从外部传递进来的
let name = 'zs';
let age = 22;
let work = function(){
    console.log('woking')
};
let person2 = {
    name,//name:name
    age,
    work
};
person2.work();

好啦这一篇先到这里。我的文章都是学习过程中的总结，如果发现错误，欢迎留言指出，我及时更正