资讯专栏INFORMATION COLUMN

ES6学习笔记

zxhaaa / 953人阅读

摘要:本笔记为阅读阮老师的文章自己的总结,仅作自用,感谢阮老师的技术分享。字符串的遍历器接口新增判断字符串的包含情况返回值,表示是否找到了字符串。返回值表示参数字符串是否在原字符串的头部。

本笔记为阅读http://es6.ruanyifeng.com/ 阮老师的文章自己的总结,仅作自用,感谢阮老师的技术分享。

1.超过uFFFF的字符ES5无法正确显示,会显示成前面的uFFFF的码点符号加四位后面的码点符号,如u20BB7会解析为u20BB+7,ES6中将码点写在大括号中即可正确输出。
ES6共有6中方法表示一个字符:

"z" === "z"  // true
"172" === "z" // true
"x7A" === "z" // true
"u007A" === "z" // true
"u{7A}" === "z" // true

2.js内部存储字符默认是两个字节,对于4个字节的js会将其视为两个字符。
ES5提供charCodeAt方法(s.charCodeAt),ES6新增codePointAt方法。

3.ES5提供fromCharCode,ES6提供fromCodePoint方法,从码点返回字符。

4.字符串的遍历器接口:

for(let i of "foo"){
    console.log(i)
}//"f""o""o"

5.ES6新增判断字符串的包含情况(ES5->indexOf):

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

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

let s = "hello world"
s.includes("hello",5)//false
s.startsWith("world",6)//true
s.endsWith("hello",5)//true(endsWith搜索前n个字符)     

6.repeat返回一个字符串吗,表示将原字符串重复n次,

"re".repeat(3)//"rerere"

7.padStart,padEnd用于补全字符串,前者从头部开始补全,后者从尾部补全。

"x".padStart(5,"as")//"asasx"
"b".padEnd(5,"fg")//"bfgfg"
"j".padStart(5)//"    j"(默认使用空格补全)

8.模板字符串。反引号``括起来

// 普通字符串
`In JavaScript "
" is a line-feed.`

// 多行字符串
`In JavaScript this is
 not legal.`

console.log(`string text line 1
string text line 2`);

//加入变量
let name = "asd", time = "today"
`${time} ,my name is ${name}`

后面的模板编译看不懂

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107925.html

相关文章

  • es6学习笔记-顶层对象_v1.0_byKL

    摘要:学习笔记顶层对象虽然是笔记但是基本是抄了一次大师的文章了顶层对象顶层对象,在浏览器环境指的是对象,在指的是对象。之中,顶层对象的属性与全局变量是等价的。的写法模块的写法上面代码将顶层对象放入变量。参考引用顶层对象实战 es6学习笔记-顶层对象_v1.0 (虽然是笔记,但是基本是抄了一次ruan大师的文章了) 顶层对象 顶层对象,在浏览器环境指的是window对象,在Node指的是gl...

    Meils 评论0 收藏0
  • 《深入理解ES6笔记——导读

    摘要:最近买了深入理解的书籍来看,为什么学习这么久还要买这本书呢主要是看到核心团队成员及的创造者为本书做了序,作为一个粉丝,还是挺看好这本书能给我带来一个新的升华,而且本书的作者也非常厉害。 使用ES6开发已经有1年多了,以前看的是阮一峰老师的ES6教程,也看过MDN文档的ES6语法介绍。 最近买了《深入理解ES6》的书籍来看,为什么学习ES6这么久还要买这本书呢?主要是看到Daniel A...

    Godtoy 评论0 收藏0
  • React学习笔记3:用es2015(ES6)重写CommentBox

    摘要:新搭建的个人博客,本文地址学习笔记用重写在一开始的时候配置中我们就加入了的支持,就是下面的配置,但之前的学习笔记都使用的完成,所以专门作一篇笔记,记录使用完成创建相关文件修改,增加该入口文件修改,引入该文件做个简单的测试,看下浏览器全部用来 新搭建的个人博客,本文地址:React学习笔记3:用es2015(ES6)重写CommentBox在一开始的时候webpack配置中我们就加入了e...

    selfimpr 评论0 收藏0
  • ES6零基础教学_解析彩票项目-学习笔记(一)

    摘要:彩票项目实战学习记录一完整走了一遍课程,觉得还不错。支持正版人人有责零基础教学解析彩票项目下面是项目课程的目录路线一个项目分为三部分业务逻辑,自动构建系统,模拟数据和真实数据接口处理。 彩票项目实战学习记录(一) 完整走了一遍课程,觉得还不错。 总结: es6的知识点说得还算清楚,主要是为了了解和使用,不是深究,所以浅尝即止即可,所以觉得还不错。 完整还原了项目开发的代码设计和开发过...

    blastz 评论0 收藏0

发表评论

0条评论

zxhaaa

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<