ES6
阳光下的冷静
本人很菜,分享自己平时学习前端的小知识点,希望对大家有用。
展开
-
简单理解Promise(ES6)
Promise的含义:Promise:简单来说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上讲,Promise是一个对象,从它可以获取异步操作的消息;Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理更强大,它提供统一的API,各种异步操作都可以用同样的方法进行处理;Promise对象特点:对象的状态不受外界影响。...原创 2019-03-19 20:37:38 · 479 阅读 · 0 评论 -
ES5(js)/ES6 的继承的区别
##ES5(js)/ES6 继承的区别ES5(js)与ES6继承之间的区别,除了写法不一样之外,还有其他的区别,如下描述class 声明会提升,但不会初始化赋值。Foo 进入暂时性死区,类似于let、const声明变量const bar = new Bar(); // it's okfunction Bar() { this.bar = 42;}const foo = new...原创 2019-08-23 19:28:05 · 340 阅读 · 1 评论 -
引入不同模块化规范的外部组件包时报错
现象说明在日常开发中,我们会经常遇到引用其他现有的组件库的情况,以现有项目为例,我们会常常引入hui-pro,hui-pro组件库是不同的人编写,会有不同打包输出方式,有些包是遵循commonjs规范,有些包是遵循es6规范,在海豚脚手架升级之前,引入不同规范的组件包,项目就会出现报错。本文将提供解决方式,并重点解析其原因例:老的海豚脚手架在引入hui-pro empty组件时,报错如下:...原创 2019-08-14 17:15:14 · 2726 阅读 · 0 评论 -
ES6特性
ES6特性转载 2019-06-11 21:22:46 · 1211 阅读 · 0 评论 -
es6中class类静态方法,静态属性理解,实例属性,实例方法理解
es6中class类静态方法,静态属性理解,实例属性,实例方法理解转载 2019-05-27 17:19:19 · 1145 阅读 · 0 评论 -
Cookie 和 Session的比较
第一层楼什么是 Cookie 和 Session ?初级程序员高频面试题。什么是 CookieHTTP Cookie(也叫 Web Cookie或浏览器 Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态。Cookie 使基于无状态的 HTTP ...原创 2019-05-14 12:49:14 · 170 阅读 · 0 评论 -
罕见的js技能
单行简洁的代码很难维护(有时甚至难以理解),但这并不能阻止广大攻城狮们脑洞,在编写简洁的代码后获得一定的满足感。以下我最近的一些收藏javascript精简代码集合。它们都可以在你的开发控制台中运行,你可以从控制台中查看运行结果。同时,我希望你能在评论中分享一些自己的藏品! 创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来7天的数组集合// 创建过去七天的数组[...Arr...原创 2019-04-29 15:07:10 · 258 阅读 · 0 评论 -
ES6的扩展运算符的作用
ES6的扩展运算符(...)的作用 将数组转为用逗号分隔的参数系列 ;如...[1,2,3] 实现数组的复制和解构赋值;如 a=[1,2,3] b = [...a] 取代arguments对象和apply方法,获取未知参数个数情况下的参数集合;...原创 2019-04-18 13:50:44 · 1125 阅读 · 0 评论 -
Js判断一个数为整数
// ES6Number.isInteger(num);// ES5if (!Number.isInteger) { Number.isInteger = function(num) { return typeof num == "number" && num % 1 == 0; };}原创 2019-04-15 12:39:37 · 1804 阅读 · 0 评论 -
JavaScript七大继承解析
原型链继承首先我们简单回忆一下构造函数、原型、原型链之间的关系:每个构造函数有一个prototype 属性,它指向原型对象,而原型对象都有一个指向构造函数的指针 constructor,实例对象都包含指向原型对象的内部指针[[prototype]]。如果我们让原型对象等于另一个构造函数的实例,那么此原型对象就会包含一个指向另一个原型的指针。这样一层一层,逐级向上,就形成了原型链。根据上面的回顾...原创 2019-04-17 15:31:49 · 159 阅读 · 0 评论 -
js中的for in 和 for of 的区别
for...in和for...of的区别[ ]for...in是ES5的标准,该方法遍历的是对象的属性名称(key:键名)。一个Array对象也是一个对象,数组中的每个元素的索引被视为属性名称,所以在使用for...in遍历Array时,拿到的是每个元素索引一般用于遍历对象的可枚举属性。以及对象从构造函数原型中继承的属性。对于每个不同的属性,语句都会被执行。不建议使用for in 遍...原创 2019-04-09 21:01:29 · 22182 阅读 · 0 评论 -
forEach,map, filter, find, sort,some等方法的易错点整理
一、常用方法解析说起数组操作,我们肯定第一反应就是想到forEach()、map()、filter()等方法,下面分别阐述一下各方法的优劣。1、forEach1.1 基础点 forEach的使用频率很高,多用于对数组自身的改变和各元素相关统计性的计算,重要特性如下:可以改变数组自身,没有返回值;中途不能用常规操作跳出循环,可以用抛出异常(try/catch)的方式,但不推荐这样做;...原创 2019-04-08 21:01:52 · 3062 阅读 · 1 评论 -
ES6和js的遍历方法
数组遍历 ES6提供了三个新方法—entries(), keys(),和values()。这些方法都是用于遍历数组,都返回一个遍历器对象。可用for…of 循环遍历,唯一的区别在于,keys(),是对键名的遍历,values()是对键值对的遍历,entries()是对键值对的遍历。//keys()方法for(let index of ['a','b'].keys()){ con...原创 2019-04-02 14:59:43 · 1016 阅读 · 0 评论 -
js中的var , const , let的区别
var:var定义的变量可以进行修改,但是如果在开始的声明的时候没有初始化就会输出undefined,但是不会报错,同时var定义的变量可以在使用后声明。注:使用var声明的变量会自动被添加到最接近的环境中。在函数内部,最接近的环境就是函数的局部环境;在with语句中,最接近的环境就是函数环境;如果初始化变量时没有使用var声明,改变量会自动被添加到全局环境案例如下: var ...原创 2018-12-05 21:43:00 · 301 阅读 · 0 评论 -
Generator和async
什么是Generator函数Generator函数与普通函数的区别是该函数可以分步骤阻塞,不像普通函数需要一路走到底,就像是Generator生成一堆的小函数,只有主动调用next()才会一个个的执行这些小函数。总结起来就是Generator函数中间可以停下来,可以使用yield来暂时的放弃执行。拿一个形象的例子:普通函数好比是坐高铁或者乘坐飞机,我们只有到达目的地了,才停止下来,中间是不允...原创 2019-09-05 16:32:59 · 1269 阅读 · 1 评论