Rowan Liu's Tech
Home
Blog
CSS
JS
lib
Read
About
GitHub
Home
Blog
CSS
JS
lib
Read
About
GitHub
  • 万丈高楼平地起,地基实在很重要
  • ES2015

    • 概要
    • let和const
    • 函数的扩展
    • Generator异步应用
    • Generator函数
    • Iterator(遍历器)
    • 数值的扩展
    • 对象的扩展
    • Promise
    • /js/ECMAScript6/Proxy-Reflect.html
    • Set/Map
    • 字符串的扩展
    • /js/ECMAScript6/Symbol.html
    • /js/ECMAScript6/variable-destructor-assignment.html
  • basic

    • apply、call
    • ajax
    • arguments
    • 计算盒模型的各种尺寸

字符串的扩展

  • 字符的 Unicode 表示法
  • codePointAt()
  • String.fromCodePoint()
  • 字符串的遍历器接口
  • at()
  • normalize()
  • includes(), startsWith(), endsWith()
  • repeat()
  • padStart(),padEnd()
  • 模板字符串
  • 实例:模板编译
  • 标签模板
  • String.raw()
  • 模板字符串的限制

前三个是针对编码的操作的,部分内容暂时用不到。

模板字符串对于项目中的字符串拼接修改,很有用处。

//字符串的遍历接口
for (let codePoint of 'foo') {
  console.log(codePoint);
}

// 字符遍历接口最大的优点是识别大于0xFFFF的码点,
// 传统的for循环不能识别
var text = String.fromCodePoint(0x20bb7);
for (let i = 0; i < text.length; i++) {
  console.log(text[i]);
}

for (let i of text) {
  console.log(i);
}
'x'.repeat(3);
'hello'.repeat(0);
'1'.repeat(-1);

// 模板字符串
var count = 3;
var name1 = '大明';
$('body').append('有' + count + '个小孩,<strong>' + name1 + '</strong>,' + '玲玲,还有一个是谁?');

// es6写法
var count = 3;
var name1 = '大明';
$('body').append(`有${count}个小孩,<strong>${name1}</strong>,
玲玲,还有一个是谁?`);

$('body').append(`<ul>
                    <li>${name1}</li>
                    <li>${name1}</li>
                    <li>${name1}</li>
                    <li>${name1}</li>
                </ul>`);
Edit this page
Last Updated: 2026/1/12 10:15
Contributors: Rowan Liu
Prev
Set/Map
Next
/js/ECMAScript6/Symbol.html