
javascript
文章平均质量分 54
LiuJun2Son
专注前端开发,熟悉移动端和后端开发
展开
-
ES6-解构赋值
重点内容 1.es5 普通的赋值 将arr数组中的值赋值给a ,b ,c 变量。 虽然这种赋值是可以,但是比较繁琐,jsx语法提供了更加简单的方法–解构赋值。 var arr1=[1,2,3]; var a=arr1[0]; var b=arr1[1]; var c=arr1[2]; console.log(...原创 2017-12-28 11:45:11 · 419 阅读 · 0 评论 -
JavaScript中的浅拷贝
1.什么是浅拷贝 例如:根据原始A对象浅拷贝一个新的B对象出来 浅拷贝就是创建一个新对象B,这个对象B有着原始对象A属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是A对象的基本类型的值;如果属性是引用类型,拷贝的就是A对象的内存(引用)地址 ,所以如果其中一个对象改变了这个地址,就会影响到另一个对象。 浅拷贝只是解决了第一层的拷贝问题,拷贝第一层的基本类型值,以及第一层的引用类型地址,并没有递...原创 2019-09-29 15:28:04 · 272 阅读 · 0 评论 -
常用的正则表达式
1.正则表达式 正则表达式,又称规则表达式**。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换、验证表单、提取**那些符合某个模式(规则)的文本。 许多程序设计语言都支持利用正则表达式进行字符串操作。例如,在Perl中就内建了一个功能强大的正则表达式引擎。 正则表达式这个概念最初是由Unix中的工...原创 2019-09-26 15:59:57 · 1613 阅读 · 0 评论 -
分析JavaScript中的原型链结构
1.原型链继承 下面的案例使用了原型链继承的方法,实现了Student 继承 Person /**1.父亲构造器函数*/ function Person(name) { } /**2.子构造器函数*/ function Student() { } /**3.设计原型链继承*/ Student.prototype=new...原创 2018-06-15 11:42:48 · 385 阅读 · 0 评论 -
ES7-async和await
上一篇博客使用 Promise 和 Generator 结合实现把异步代码风格写成同步代码的风格,其实这种方式在ES7语法里面认为是过时了。那么ES7语法里面如何实现把异步代码风格写成同步代码的风格?在ES7里面要实现把异步代码风格写成同步代码的风格已经变的更加简单了,仅仅使用到 async 和 await 这两个关键字就可以实现。需求:还是上篇的需求,使用ajar依次发送3次网络请求, 必须前一次原创 2017-12-29 10:58:07 · 303 阅读 · 0 评论 -
ES6-Promise与Generator结合
需求:使用ajar依次发送3次网络请求, 必须前一次发送成功后才能进行下一次的网络请求。 目的:实现把异步代码的风格写成了同步代码的风格。这个就是Promise + Generator 结合的精髓 1.jQuery中ajar的实现 使用ajar依次发送3次网络请求, 第一次请求user.json, 请求成功后发起第二次网络请求获取banners.json , 第二次获取banners.j...原创 2017-12-29 10:09:06 · 632 阅读 · 0 评论 -
ES6-Promise承诺
Promise对象表示用于处理异步请求 和请求的成功或者失败。(简单点说就是 : 用同步一样的方式,来书写异步代码)。 异步:同时可以进行多个操作,每一个操作互不干扰 同步:同一个时刻只能做一件事情,做完了才能继续做 1.jQuery中的ajar实现异步请求 <script src="jquery-1.11.3.min.js"></script> ...原创 2017-12-28 17:49:30 · 761 阅读 · 0 评论 -
ES6-Generator函数
普通函数:最大特点就是函数一路执行到底,中间不会暂停执行 Generator函数:是协程在 ES6 的实现,最大特点就是可以交出函数的执行权(即暂停执行)。Generator 是生成器的意思。 1.普通 函数 function sum1(a,b) { return a+b; } console.log(sum1(...原创 2017-12-28 18:58:03 · 256 阅读 · 0 评论 -
ES6-中的继承
下面的例子是分别使用ES5和ES6的语法来实现Programer类 继承 Person类 1.ES5中的继承实现 <script> /** * 1.Person 构造器 * @param name * @param age * @constructor */ ...原创 2017-12-28 16:40:45 · 235 阅读 · 0 评论 -
ES6-字符串模板
1.普通字符串的拼接 普通字符串在与变量拼接时一般使用+号,这种适用于简单的拼接。 如果是复杂的拼接使用JSX中的字符串模板比较方便。 //1.普通字符串的拼接 var str='I bought an iphone '; var number=7; console.log(str+number+'s'); // I bou...原创 2017-12-28 16:09:33 · 5817 阅读 · 0 评论 -
ES6-数组
ES6 中数组的常用函数:map , filter , reduce 1.map函数 map 是映射的意思。map函数的的作用就是将一个数组映射为另一个数组。 返回一个新的数组。 例如: 1.将一个普通数组映射为对象数组 将[60,70,80] 映射为 [{score: 60}, {score: 70}, {score: 80}] //将一个普通数组映射为对象数组,...原创 2017-12-28 15:47:23 · 926 阅读 · 0 评论 -
ES6-箭头函数
1.es5普通函数 function sum1(a,b) { return a+b; } 2.es5匿名函数 var sum2=function (a,b) { return a+b; } 3.ES6箭头函数 把匿名的函数去掉 function 函数 , 同时添...原创 2017-12-28 10:41:54 · 1181 阅读 · 0 评论 -
ES6-函数的参数
1.es5普通的参数 function sum1(a,b) { return a+b; } console.log(sum1(1,2)); console.log(sum1(1,2,3,4,5));//sum1函数如何接收剩余参数 sum1函数如何接收剩余的3,4,5参数 ? 可以使用jsx中的......原创 2017-12-28 11:06:48 · 538 阅读 · 0 评论 -
JavaScript中的深拷贝
1.什么是深拷贝 浅拷贝只是解决了第一层的拷贝问题,拷贝第一层的***基本类型值***,以及第一层的***引用类型地址***,并没有递归拷贝第二层以后的属性。 深拷贝会拷贝所有的属性,拷贝的属性指向动态分配的内存。当对象和它所引用的对象一起拷贝时即发生深拷贝。深拷贝相比于浅拷贝速度较慢并且花销较大。拷贝前后两个对象互不影响。深拷贝可以解决多层拷贝的问题。 2.深拷贝的使用 1.JSON.parse...原创 2019-09-29 15:29:38 · 354 阅读 · 1 评论