es9

Author: csxiaoyaojianxian

01-JS语言基础/数据格式处理/01-正则表达式.html

@@ -94,9 +94,11 @@
 /^\S$/.test('𠮷'); // false \S是预定义模式，匹配所有非空白字符。只有加了u修饰符，它才能正确匹配码点大于0xFFFF的 Unicode 字符
 /^\S$/u.test('𠮷'); // true
 // y (es6) 粘连修饰符，相当于 ^$，保证每次匹配是连续的
-// s (es2018) 使.可以匹配任意单个字符(含行终止符)
+// s (es2018) 使.可以匹配任意单个字符(含行终止符) !!!
 /foo.bar/s.test('foo\nbar') // true
 
+// es9 中 . 的全能匹配模式 us
+
 /**
  * 【 属性 】
  */
@@ -108,14 +110,14 @@
 // sticky 返回是否设置了y修饰符
 var r = /hello\d/y;
 r.sticky // true
-// dotAll
+// dotAll (es9) 返回是否设置了s修饰符
 const re = /foo.bar/s;
-re.dotAll // true
-
+re.dotAll; // true
 // source (es5) 返回正则表达式的正文
-/abc/ig.source // "abc"
+
+/abc/ig.source; // "abc"
 // flags (es6) 返回正则表达式的修饰符
-/abc/ig.flags // 'gi'
+/abc/ig.flags; // 'gi'
 
 /**
  * 【4 使用一：五大内部类】
@@ -221,6 +223,31 @@
  * 【9 其他】
  * php后向引用？
  */
+
+/**
+ * 【10 分组】
+ */
+// es5 匹配日期
+const t = '2020-03-15'.match(/(\d{4})-(\d{2})-(\d{2})/)
+console.log(t[1]) // 2020
+console.log(t[2]) // 03
+console.log(t[3]) // 15
+// es9 分组，重要
+const t2 = '2020-03-15'.match(/(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/)
+console.log(t2.groups.year) // 2020
+console.log(t2.groups.month) // 03
+console.log(t2.groups.day) // 15
+
+/**
+ * 【11 先行断言 / 后行断言】
+ * ?= 后行断言
+ * ?<= 先行断言(等于)
+ * ?<! 先行断言(不等于)
+ */
+let test = 'hello world'
+console.log(test.match(/hello(?=\sworld)/)) // 后行断言  先找到 hello 再判断hello后面是否满足，匹配到hello
+console.log(test.match(/(?<=hello\s)world/)) // 先行断言  先找到 world 再判断world前面是否满足，匹配到world
+console.log(test.match(/(?<!helle\s)world/)) // 先行断言  先找到 world 再判断world前面是否满足，匹配到world
 </script>
 </body>
 </html>

01-JS语言基础/数据类型与转换/Math.html

@@ -133,12 +133,16 @@
     // Math.acosh(x)  用于计算反双曲余弦
     // Math.atanh(x)  用于计算反双曲正切
 
-    // 【 es6 指数运算符 】
-    // **             指数运算符
+    // 【 es7 指数运算符 】
+    // **  指数运算符
+    // es5 中为 Math.pow(2, 5)
+    console.log(2 ** 5)
+    
     1 ** 2; // 1
     2 ** 2 ** 3; // 256 右结合，从右至左计算
     let exam = 2;
     exam **= 2; // 4
+
 </script>
 </body>
 </html>

01-JS语言基础/数据类型与转换/String.html

@@ -44,12 +44,14 @@
     【 normalize() 】Unicode 正规化
     ★【 includes(), startsWith(), endsWith() 】判断字符串包含 / 判断参数字符串是否在原字符串的头部 / 判断参数字符串是否在原字符串的尾部
     ★【 repeat() 】将原字符串重复n次
-    【 padStart(), padEnd() 】字符串补全
     ★【 matchAll() 】返回一个正则表达式在当前字符串的所有匹配
     【 String.raw() 】转义字符串
 
     【 es6 tag 函数 & template literals 】
 
+    【 es8 】
+    * 【 padStart(), padEnd() 】字符串补全，比如统一数据前置0
+
 4.【简单综合应用1】字符串占位
 
 5.【简单综合应用2】统计字符串中出现次数最多的字符和次数
@@ -280,18 +282,12 @@
     'na'.repeat(0) // ""
     "Hello,".repeat(3.2)  // "Hello,Hello,Hello," 如果参数是小数，向下取整
     "Hello,".repeat(-0.5) // "" 如果参数是 0 至 -1 之间的小数，会进行取整运算得到 -0 ，等同于 repeat 零次
-    /**
-     * 【 padStart(), padEnd() 】
-     * 字符串不够指定长度，在头部或尾部补全
-     */
-    'x'.padStart(4, 'ab') // 'abax'
-    'x'.padEnd(5, 'ab') // 'xabab'
-    'abc'.padStart(10, '0123456789') // '0123456abc'
-    'x'.padEnd(4) // 'x   '
+    
     /**
      * 【 matchAll() 】
      * 返回一个正则表达式在当前字符串的所有匹配
      */
+
     /**
      * 【 模板字符串 】
      */
@@ -305,6 +301,16 @@
      * 【 String.raw() 】
      * 转义字符串
      */
+
+     /**
+     * 【 padStart(), padEnd() 】
+     * 字符串不够指定长度，在头部或尾部补全
+     */
+    'x'.padStart(4, 'ab') // 'abax'
+    'x'.padEnd(5, 'ab') // 'xabab'
+    'abc'.padStart(10, '0123456789') // '0123456abc'
+    'x'.padEnd(4) // 'x   '
+    '7'.padStart(3, '0') // '007'
 
 
 //【简单综合应用1】字符串占位