上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

定西网站建设_企业网站制作公司_高端网站设计开发-定西上往

串加上补全字符串长度大于指定长度，则截去超出位数的补全字符串:

console.log("hello".padEnd(10,",world!"));  // "hello,worl"

常用于补全位数：

console.log("123".padStart(10,"0"));  // "0000000123"

模板字符串

模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。

基本用法

普通字符串

多行字符串:

字符串插入变量和表达式。

变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。

字符串中调用函数：

注意要点

模板字符串中的换行和空格都是会被保留的

enu</li>

  <li>mine</li>

</ul>

`;

console.log(innerHtml);

// 输出

<ul>

 <li>menu</li>

 <li>mine</li>

</ul>

标签模板

标签模板，是一个函数的调用，其中调用的参数是模板字符串。

alert`Hello world!`;

// 等价于

alert('Hello world!');

当模板字符串中带有变量，会将模板字符串参数处理成多个参数。

function f(stringArr,...values){

 let result = "";

 for(let i=0;i<stringArr.length;i++){

  result += stringArr[i];

  if(values[i]){

   result += values[i];

        }

    }

 return result;

}

let name = 'Mike';

let age = 27;

f`My Name is ${name},I am ${age+1} years old next year.`;

// "My Name is Mike,I am 28 years old next year."

f`My Name is ${name},I am ${age+1} years old next year.`;

// 等价于

f(['My Name is',',I am ',' years old next year.'],'Mike',28);

应用

过滤 HTML 字符串，防止用户输入恶意内容。

function f(stringArr,...values){

 let result = "";

 for(let i=0;i<stringArr.length;i++){

  result += stringArr[i];

   if(values[i]){

     result += String(values[i]).replace(/&/g, "&amp;")

               .replace(/</g, "&lt;")

               .replace(/>/g, "&gt;");

    }

 }

 return result;

}

name = '<Amy&MIke>';

f`<p>Hi, ${name}.I would like send you some message.</p

定西网站建设_企业网站制作公司_高端网站设计开发-定西上往

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）