ES6中值得了解的新增字符串方法

String.raw`Hi\n${2+3}` \\ "Hi\\5" String.raw`Hi\u000A!` \\ "Hi\\u000A!"

String.raw`Hi\\n`; \\ "Hi\\\\n" String.raw`Hi\\n` == "Hi\\\\n"; \\ true

String.raw({raw:'test'},3,4,5) // "t3e4s5t" String.raw({raw:['aa','bb','cc'],1+2,3}) // "aa3bb3cc" // 下面这个函数和 `aa${2 + 3}bb${'Java' + 'Script'}cc` 是相等的. String.raw({raw:['aa','bb','cc']},2+3,'java'+'Script') // aa5bbjavaScriptcc

String.raw = function (strings, ...values) { let output = ''; let index; for (index = 0; index < values.length; index++) { output += strings.raw[index] + values[index]; } output += strings.raw[index] return output; }

function A (){} A.prototype.sayHello = function(){ console.log("Hello") } var a = new A(); a.sayHello(); // Hello

function A(){} A.sayHello = function(){ console.log("Hello") } A.sayHello(); //Hello

function A(){} A.prototype.sayHello = function(){ console.log("原型方法") } A.sayHello = function(){ console.log("静态方法") } A.sayHello() // "静态方法" A.prototype.sayHello() // "原型方法" let a = new A(); a.sayHello(); // "原型方法"

s.codePointAt(0).toString(16) // "20bb7"

'\u01D1'==='\u004F\u030C' //false '\u01D1'.length // 1 '\u004F\u030C'.length // 2

'\u01D1'.normalize() === '\u004F\u030C'.normalize() // true

'\u004F\u030C'.normalize('NFC').length // 1 '\u004F\u030C'.normalize('NFD').length // 2

let a ="abcd"; a.indexOf("b"); // 1 a.indexOf("e"); // -1

a.includes("b"); // true a.includes("f"); // false

let a = "abc"; a.startsWith("a"); // true a.startsWith("b"); // false

a.endsWith("c"); // true a.endsWith("a"); // false

let s = 'Hello world!'; s.startsWith('world', 6) // true s.endsWith('Hello', 5) // true s.includes('Hello', 6) // false

"x".repeat(3); // "xxx" "hello".repeat(2); // "hellohello"

"x".repeat(0) // ""

"x".repeat(2.5). // "xx"

"x".repeat(-1) // RangeError "x".repeat(Infinity) // RangeError

"x".repeat(-0.3) // ""

"x".repeat(NaN) // ""

"x".repeat("2") // "xx"

'xxx'.padStart(5,"abc"); // "abxxx" 'xxx'.padEnd(5,"abc"); // "xxxab"

'xxx'.padStart(2,'ab') // "xxx" 'xxx'.padEnd(2,'ab') // "xxx"

'abc'.padStart(10, '0123456789') // "0123456abc"

'x'.padStart(4) // ' x' 'x'.padEnd(4) // 'x '

'1'.padStart(10,'0') // "0000000001" '123456'.padStart(10, '0') // "0000123456"

'12'.padStart(10,'YYYY-MM-DD') // "YYYY-MM-12" '09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"

const s = ' abc '; s.trim() // "abc" s.trimStart() // "abc " s.trimEnd() // " abc"

'aabbcc'.replace('b','_') // aa_bcc

'aabbcc'.replace(/b/g, '_') // 'aa__cc'

'aabbcc'.replaceAll('b', '_') // "aa__cc"

// 不报错 'aabbcc'.replace(/b/, '_') // 报错 'aabbcc'.replaceAll(/b/, '_')

// $& 表示匹配的字符串，即`b`本身 // 所以返回结果与原字符串一致 'abbc'.replaceAll('b', '$&') // 'abbc' // $` 表示匹配结果之前的字符串 // 对于第一个`b`，$` 指代`a` // 对于第二个`b`，$` 指代`ab` 'abbc'.replaceAll('b', '$`') // 'aaabc' // $' 表示匹配结果之后的字符串 // 对于第一个`b`，$' 指代`bc` // 对于第二个`b`，$' 指代`c` 'abbc'.replaceAll('b', `$'`) // 'abccc' // $1 表示正则表达式的第一个组匹配，指代`ab` // $2 表示正则表达式的第二个组匹配，指代`bc` 'abbc'.replaceAll(/(ab)(bc)/g, '$2$1') // 'bcab' // $$ 指代 $ 'abc'.replaceAll('b', '$$') // 'a$c'

'aabbcc'.replaceAll('b', () => '_') // 'aa__cc'