JavaScript----字符串模版

• 格式: 用一对`引起来 好处: 可以随意换行,提升了代码的阅读性
• 需要拼接的字符串 用${需要添加的字符串} 好处: 可以不用用"++"拼接字符串,更简洁了

  
// 需求: 要求从服务器获取到数据之后, 根据数据渲染界面
var obj = {
    name: "lnj",
    age: 13,
    gender: "male",
    say: function () {
        return "hello world";
    }
};

// var str  = "<li>"+obj.name+"</li><li>"+obj.age+"</li><li>"+obj.gender+"</li>";

// 不用再拼接字符串, 格式更加清晰, 更有利于维护
var str = `
    <li>${obj.name}</li>
    <li>${obj.age}</li>
    <li>${obj.gender}</li>
    <li>${obj.say()}</li>
`;

var oUl = document.querySelector("ul");
oUl.innerHTML = str;

• 字符串新增的相关方法

startWith

• 判断是否是以某字符串开头的字符串

endWith

• 判断是否是以某字符串结尾的字符串

includes

• 判断字符是否包含某字符串