ES6学习笔记之字符串的扩展

ES6学习笔记(3)----字符串的扩展

参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 字符串的扩展ES6之前只能识别\u0000 - \uFFFF 之间的字符,超过此范围,识别会出错:ES6弥补了这个错误 ES6扩展的新方法codePointAt----"…

字符串的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}岁`); 注意:模板字符串使用 ``,即不是双引号"",也不是单引…

es6学习笔记--模板字符串

这几天简单看了一下深入浅出es6这本书,感觉特实用,学习了一个新特性---模板字符串在项目开发中,拼接字符串是不可缺少的,动态创建dom元素以及js操作数据都要拼接字符串,在es6出来之前,我们都通常用引号(''或"")和加号(+)来拼接字符串,麻烦不说而且还容易出错,就拿个其中的代码例子说: menuUl+="<li><i class='"+menudata[i].icon+"'></i><p onclick=\…

es6学习笔记9--函数的扩展

函数参数的默认值基本用法在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 学习笔记之四对象的扩展

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…

ES6学习笔记(二)——字符串扩展

相信很多人也和我一样,不喜欢这样循规蹈矩的逐条去学习语法,很枯燥乏味.主要是这样学完一遍之后,没过一段时间就忘到九霄云外了.不如实际用到的时候研究它记得牢靠,所以我就整理成笔记,加深记忆的同时便于复习查看. 在这样不断的学习过程中,也提高了自己的总结能力:) 1.字符串的遍历器接口 ES5,数组和对象可以进行遍历,使用for() 和 for...in,还有jq中的each()方法进行遍历. ES6为我们提供了字符串遍历器 for...of 循环遍历优点:可以识别大于0xFFFF的码点,传统的…

ES6学习笔记（一）——扩展运算符和解构赋值

前言随着前端工程化的快速推进,在项目中使用ES6甚至更高的ES7等最近特性早已不是什么新鲜事.之前还觉得既然浏览器支持有限,那了解一下能看懂就好,然而仅仅了解还是不够的,现在放眼望去,那些成熟框架的代码示例都已经开始使用ES6编写了,昨天瞥了一眼vue的源码,已经全部使用ES6编写了.随着开发的进行,发现仅仅了解一下已经不能应付一些日常开发了,因为一些新的特性看起来有点吃力了,所以决定重新学习一下日常开发中见得比较多的ES6特性,争取与实际用例相结合,不仅要认识还要会用,以后多多用起来!当然本…

ES6学习笔记(三)——数值的扩展

看到这条条目录有没有感觉很枯燥,觉得自己的工作中还用不到它所以实在没有耐心看下去,我也是最近得闲,逼自己静下心来去学习去总结,只有在别人浮躁的时候你能静下心来去学去看去总结,你才能进步.毕竟作为前端不断学习掌握新技术才能跟得上瞬息万变的潮流. 南方地区进入了梅雨季,最近一段时间天气不太好不是下雨就是阴天,湿气比较重.话说还真有点不习惯别跑题了O(∩_∩)O哈哈~,开始搬砖^O^ JS中的数据类型有:字符串.数字.布尔.数组.对象.Null.Undefined 本篇是:数值的扩展数值是js数据…

ES6学习笔记二：各种扩展

转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/7242967.html 一:字符串扩展 1:字符串遍历器 for (let char of str) { // } 这个遍历器最大的优点是可以识别大于0xFFFF的码点,传统的for循环无法识别这样的码点. 2:确定一个字符串是否包含在另一个字符串中 includes():返回布尔值,表示是否找到了参数字符串. startsWith():返回布尔值,表示参数字符串是否在源字符串的头部. endsWith():…

ES6学习笔记(8)----对象的扩展

参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 对象的扩展 1.属性名的简洁表示法 : ES6允许在代码中直接写变量,变量名是属性名,变量值是属性值. let key = "value"; let obj = {key};//obj {key : "value"}2.方法的简写表示法 let obj = { method : function(x,y){ return {x…

Es6学习笔记(7)----数组的扩展

参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 数组的扩展 1.扩展运算符:可以将数组转化成逗号隔离的单个参数...[1,2,3] //控制台运行报错console.log(...[1,2,3]);//1,2,3 (1)代替apply方法function test(a,b){return a+b;}test.apply(null,[1,2]) 同 test(...[1,2]) 作用一样(2)复制数组var arr1 = [1,2,3],var arr…

ES6学习笔记之数组的扩展

✏️1. 扩展运算符扩展运算符(spread)是三个点(...),将一个数组转为用逗号分隔的参数序列. 普通用法 console.log(...[1,2,3]);//1 2 3 数组拷贝(普通类型深拷贝,复杂类型浅拷贝) const arr1 = [1, 2, 3, 4, 5]; const arr2 = [...arr1]; arr2[0] = 666; console.log('arr2:', arr2);//[666,2,3,4,5] console.log('arr1:', arr1)…

ES6学习笔记(6)----函数的扩展

参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 函数的扩展函数的默认值 : ES6可以为函数指定默认值 (1)指定默认值的两种方式 a.函数参数的默认值 function test(a = 0,b = 5){ return a+b; } test();//5 调用方法时,参数a,b都是undefined,可以使用默认值,因此返回5 test(7);//7+5 = 12 test(,10);//报错非尾参数设置了默认值,则调用函数时…

ES6学习笔记(5)----数值的扩展

参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 数值的扩展 1.Number对象的扩展(1)javascript的全局函数isNaN,isFinite,parseInt,parseFloat转为Number对象的函数 a. isNaN 与 Number.isNaN 相同点:都是用来判断数值是否是NaN 不同点:对于非数值的参数,isNaN会先用Number转化参数为数值类型,如果是NaN则返回true,如果不是,返回false; …

ES6学习笔记(4)----正则的扩展

参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 正则的扩展 ES6新增的正则表达式修饰符 u修饰符a.能够更准确地匹配unicode大于\uFFFF的unicode,如 /\uD83D/u.test('\uD83D\uD2A')----falseb.有助于增强.字符(表示除了换行字符以外的任意字符)正则表达式的正确性 /^.$/u 可以识别任何除换行符以外的字符,包括unicode编码超过\uFFFF的字符c.识别unicode新表示法中的{} 如…

ES6学习笔记之字符串新增方法

1.字符串的子串识别传统上,Javascript 只有indexof 方法,用来确定一个字符串是否包含在另一个字符串中.如: //indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. //如果要检索的字符串值没有出现,则该方法返回 -1. let a = 'abcde'; console.log(a.indexOf('cd')); //2 现在ES6 又提供了三种新方法.每个方法都可接收2个参数,需要检测的子字符串,以及开始匹配的索引位置. includes(str, i…

es6学习笔记--字符串&数值&数组&函数&对象的扩展

这几天抽空学习了es6语法,关于字符串,数值,数组,函数以及对象的扩展,看到es6标准入门这本书,里面讲的扩展特别多,我认为有几部分在项目上用不到,就挑有用的当笔记学习了. 字符串的扩展 str.includes(str1, n) 返回布尔值,表示是否找到了参数字符串 params: 第一个参数str1 必选, 要匹配的字符第二个参数n 可选表示开始搜索的索引位置第n个开始搜索到结束 let str = 'hello world' let str1 = 'hello' console.…

es6学习笔记-class之一概念

前段时间复习了面向对象这一部分,其中提到在es6之前,Javasript是没有类的概念的,只从es6之后出现了类的概念和继承.于是乎,花时间学习一下class. 简介 JavaScript 语言中,生成实例对象的传统方法是通过构造函数来创建的. function Person (name,age){ this.name = name; this.age = age; } Person.prototype.say=function(){ // 不能使用箭头函数(我差点忘记),因为箭头函数没有pr…

JS&ES6学习笔记（持续更新）

ES6学习笔记(2019.7.29) 目录 ES6学习笔记(2019.7.29) let和const let let 基本用法 let 不存在变量提升暂时性死区不允许重复声明块级作用域级作用域 ES6的块级作用域块级作用域与函数声明 const 基本用法本质顶层对象解构赋值数组的解构基本用法默认值对象的解构基本用法默认值注意点字符串的解构数值布尔值的解构函数参数的解构圆括号问题不能使用圆括号的情况可以使用圆括号的情况用途 for.for in.for…

ES6学习笔记<四> default、rest、Multi-line Strings

default 参数默认值在实际开发有时需要给一些参数默认值. 在ES6之前一般都这么处理参数默认值 function add(val_1,val_2){ val_1 = val_1 || 10; val_2 = val_2 || 20; return console.log(val_1 + val_2); } add(); 而现在可以这么做 function add_1(val_1 = 5,val_2 = 10){ return console.log(val_1 + val_2); }…

ES6学习笔记<二>arrow functions 箭头函数、template string、destructuring

接着上一篇的说. arrow functions 箭头函数 => 更便捷的函数声明 document.getElementById("click_1").onclick = function(){ console.log("say Hi!"); } document.getElementById("click_2").onclick = () => { let a = 1; let b = 2; console.log(a + b);…

ES6学习笔记之块级作用域

ES6学习笔记:块级作用域作用域分类全局作用域局部作用域块级作用域全局作用域示例 var i=2; for (var i = 0; i < 10; i++) { } console.log(i);//10 这里就出现了意料之外的结果,此种原因是变量提升造成过的局部作用域示例 !(function () { console.log(b);//undefined var b = 2; })() 为什么会输出undefined,而不是报错? 此种也是变量提升造成的意料之外的结果,上面代码等…

ES6学习笔记之变量的解构赋值

变量的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 数组的解构赋值以前,为变量赋值,只能直接指定值: 1 2 3 var a = 1; var b = 2; var c = 3; ES6允许写成下面这样: 1 var [a, b, c] = [1, 2, 3]; 这种写法属于"模式匹配",只要等号两边的模式相同,左边的变量就会被赋予对应的值,如果解构不成功,变量的值就等于undefined,下面是一些使用嵌套数组进行解构的例子: 1 2 3…

ES6学习笔记（三）：教你用js面向对象思维来实现 tab栏增删改查功能

前两篇文章主要介绍了类和对象.类的继承,如果想了解更多理论请查阅<ES6学习笔记(一):轻松搞懂面向对象编程.类和对象>.<ES6学习笔记(二):教你玩转类的继承和类的对象>,今天主要来分享关于如何用js面向对象的思维来实现tab栏的一些相关的功能. 要实现的功能分析点击tab栏可以切换效果点击+号,可以添加tab项和内容项点击X号,可以删除当前的tab项和内容项点击tab文字或者内容项文字,可以修改里面的字体内容抽像对象: Tab对象 (增删改查功能)实现功能效果如下图…

DuiLib学习笔记（二）扩展CScrollbar属性

DuiLib学习笔记(二) 扩展CScrollbar属性 Duilib的滚动条滑块默认最小值为滚动条的高度(HScrollbar)或者宽度(VScrollbar).并且这个值默认为16.当采用系统样式的滚动条,或者 Troy的源码(https://github.com/qdtroy/DuiLib_Ultimate)自带的样式时,是没有问题的,因为这两种样式默认高(宽)度都是16,当滑块最小时,也有16*16,背景图片(九宫格式)不会出拉伸BUG.但是,当自定义背景图片时,如果图片本身大小超过16…