ES6学习笔记(三)字符串的扩展】的更多相关文章

参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 字符串的扩展ES6之前只能识别\u0000 - \uFFFF 之间的字符,超过此范围,识别会出错:ES6弥补了这个错误 ES6扩展的新方法codePointAt----"…
看到这条条目录有没有感觉很枯燥,觉得自己的工作中还用不到它所以实在没有耐心看下去,我也是最近得闲,逼自己静下心来去学习去总结,只有在别人浮躁的时候你能静下心来去学去看去总结,你才能进步.毕竟作为前端不断学习掌握新技术才能跟得上瞬息万变的潮流. 南方地区进入了梅雨季,最近一段时间天气不太好不是下雨就是阴天,湿气比较重.话说还真有点不习惯 别跑题了O(∩_∩)O哈哈~,开始搬砖^O^ JS中的数据类型有:字符串.数字.布尔.数组.对象.Null.Undefined 本篇是:数值的扩展 数值是js数据…
字符串的for of ES6 为字符串添加了遍历器接口,使得字符串可以被for...of循环遍历. const str='abcd'; for(let s of str){ console.log(s) } ✨模板字符串 //es5 var name='小明', age=18; console.log('我叫'+name+'今年'+age+'岁') //es6 console.log(`我叫${name}今年${age}岁`); 注意:模板字符串使用 ``,即不是双引号"",也不是单引…
为什么要把这个内容拿出来单独做一篇学习笔记? 生成器函数比较重要,相对不是很容易理解,单独做一篇笔记详细聊一聊生成器函数. 标题为什么是生成器函数与yield? 生成器函数类似其他服务器端语音中的接口(Interface),yield则是生成器函数中表示 返回 或 继续 执行的关键字. 弄清楚这两个概念后,先看一个例子: function* fun(val) { yield 1*val; yield 2*val; yield 3*val; yield 4*val; return 5*val; }…
函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,为了避免这个问题,通常需要先判断一下参数y是否被赋值,如果没有,再等于默认值. ES6允许为函数的参数设置默认值,即直接写在参数定义的后面. function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello…
这几天简单看了一下深入浅出es6这本书,感觉特实用,学习了一个新特性---模板字符串在项目开发中,拼接字符串是不可缺少的,动态创建dom元素以及js操作数据都要拼接字符串,在es6出来之前,我们都通常用引号(''或"")和加号(+)来拼接字符串,麻烦不说而且还容易出错,就拿个其中的代码例子说: menuUl+="<li><i class='"+menudata[i].icon+"'></i><p onclick=\…
ES6 为对象字面量添加了几个实用的功能,虽然这几个新功能基本上都是语法糖,但确实方便. 一.属性的简洁表示法 当定义一个对象时,允许直接写入一个变量,作为对象的属性,变量名就是属性名. 例1: , y = , o = { x, y } 与例2: var x = 2, y = 3, o = { x: x, y: y } 是相同的. 二.方法的简洁表示法 下面的例子是方法的简洁表示法(例3) let o = { m (x) { console.log(x); } } o.m("Hello!&quo…
相信很多人也和我一样,不喜欢这样循规蹈矩的逐条去学习语法,很枯燥乏味.主要是这样学完一遍之后,没过一段时间就忘到九霄云外了.不如实际用到的时候研究它记得牢靠,所以我就整理成笔记,加深记忆的同时便于复习查看. 在这样不断的学习过程中,也提高了自己的总结能力:) 1.字符串的遍历器接口 ES5,数组和对象可以进行遍历,使用for() 和 for...in,还有jq中的each()方法进行遍历. ES6为我们提供了字符串遍历器  for...of 循环遍历 优点:可以识别大于0xFFFF的码点,传统的…
前言 随着前端工程化的快速推进,在项目中使用ES6甚至更高的ES7等最近特性早已不是什么新鲜事.之前还觉得既然浏览器支持有限,那了解一下能看懂就好,然而仅仅了解还是不够的,现在放眼望去,那些成熟框架的代码示例都已经开始使用ES6编写了,昨天瞥了一眼vue的源码,已经全部使用ES6编写了.随着开发的进行,发现仅仅了解一下已经不能应付一些日常开发了,因为一些新的特性看起来有点吃力了,所以决定重新学习一下日常开发中见得比较多的ES6特性,争取与实际用例相结合,不仅要认识还要会用,以后多多用起来!当然本…
一:Symbol ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值.它是 JavaScript 语言的第七种数据类型,前六种是:undefined.null.布尔值(Boolean).字符串(String).数值(Number).对象(Object). 对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol 类型.凡是属性名属于 Symbol 类型,就都是独一无二的,可以保证不会与其他属性名产生冲突. 1)Symbol 值通过Symbol函数生成,…