美文网首页
ES6需要记忆理解的地方

ES6需要记忆理解的地方

作者: 超超超喜欢大河 | 来源:发表于2021-01-20 19:06 被阅读0次

let和const命令

1、let和const均无变量提升。
2、let变量指向的地址可变,const指向的地址不可变
3、let和const有块级作用域。也就是{}
4、暂时性锁区
5、不允许重复声明
6、从 ES6 开始,全局变量将逐步与顶层对象的属性脱钩。
7、globalThis对象

变量的解构赋值

本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。
如果解构不成功,变量的值就等于undefined
事实上,只要某种数据结构具有 Iterator 接口,都可以采用数组形式的解构赋值。
1、

let { foo: baz } = { foo: 'aaa', bar: 'bbb' };
baz // "aaa"

let { p, p: [x, { y }] } = obj;
x // "Hello"
y // "World"
p // ["Hello", {y: "World"}]
字符串

字符串有iterator接口。
ES6新增模板字符串
1、支持换行。
2、支持{变量}进行替换 3、{表达式},内部是可以使用表达式的,也可以调用函数,如果函数的返回值不是字符串,则会默认调用toString函数。

ES6新增的字符串方法

includes():返回布尔值,表示是否找到了参数字符串。
startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。

这三个方法都支持第二个参数,表示开始搜索的位置。

let s = 'Hello world!';

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

上面代码表示,使用第二个参数n时,endsWith的行为与其他两个方法有所不同。它针对前n个字符,而其他两个方法针对从第n个位置直到字符串结束。

repeat方法返回一个新字符串,表示将原字符串重复n次。

padStart()用于头部补全,padEnd()用于尾部补全。

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'

'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

上面代码中,padStart()和padEnd()一共接受两个参数,第一个参数是字符串补全生效的最大长度,第二个参数是用来补全的字符串。

ES2019 对字符串实例新增了trimStart()trimEnd()这两个方法。它们的行为与trim()一致,trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。

matchAll() replaceAll() 新增了。

相关文章

  • ES6需要记忆理解的地方

    let和const命令 1、let和const均无变量提升。2、let变量指向的地址可变,const指向的地址不可...

  • ES6中类与继承的理解(java对比记忆)

    ES6中类与继承的理解(java对比记忆) 先上两段代码:java中定义类: Es6中定义一个类: 通过上面两端代...

  • {{...item}}写法

    用于需要结构赋值的地方: 前面三个点...是ES6的展开运算符,可用于需要解构赋值的地方。 例如封装的templa...

  • 前端 - ES6

    ES6的步子其实挺大的,完全用熟也需要一些时间,我按照自己的理解角度给ES6做了一下归类,分成了五个类别 synt...

  • ES6 中的 Promise(一)

    《深入理解ES6》阅读随笔 历史背景 JavaScript 语言最早为了 Web 而设计的,因此需要满足网页的无阻...

  • 20190614

    阅读,看书,听课程属于理解的范畴,理解之后需要记忆,做笔记整理可以更好的帮助理解,这个整理的过程也是记忆的过程,整...

  • 『ES6脚丫系列』Set+WeakSet+Map+WeakMap

    『ES6脚丫系列』Set+WeakSet+Map+WeakMap 如果有理解不到位的地方,欢迎大家纠错。 一、Se...

  • 类 class

    摘自《深入理解ES6》 尽管一些JS开发者强烈认为这门语言不需要类,但为处理类而创建的代码库如此之多,导致ES6最...

  • ES提案:可选链、双问号和管道语法

    因为ES6语法的普及体现了它的重要性再加上想要在温习一下ES6语法,不仅发现还有很多需要学习的地方,同时发现最新的...

  • ES5和ES6中的this问题及注意事项(附带少许作用域链查找知

    本文参考以下文章: 1、深入理解ES6箭头函数的this以及各类this面试题总结 2、深入理解ES6箭头函数中的...

网友评论

      本文标题:ES6需要记忆理解的地方

      本文链接:https://www.haomeiwen.com/subject/xouxzktx.html