
ES6
文章平均质量分 56
zhanghuali2019
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
hybrid
hybrid是什么,为何使用hybrid 介绍一下hybrid更新和上线的流程 hybrid和h5的区别 前端JS和客户端如何通讯一、hybrid是什么?为何会用hybrid?1、hybrid文字解释hybrid即“混合”,即前端和客户端的混合开发 需前端开发人员和客户端开发人员配合完成 某些环节也可能涉及到server端2、hybrid存在的价值可以快速迭代更新(无需a...原创 2020-08-30 14:30:11 · 2418 阅读 · 0 评论 -
ES6考点 —— ES6常用功能
一、let/consthttps://blog.csdn.net/zhanghuali0210/article/details/81058493二、多行字符串/模板变量https://blog.csdn.net/zhanghuali0210/article/details/81160154三、解构赋值https://blog.csdn.net/zhanghuali0210/ar...原创 2018-08-30 15:25:36 · 545 阅读 · 0 评论 -
ES6考点 —— Promise
一、Callback HellES6的出现就是为了取代Callback Hell。CallBack Hell:function loadImg(src, callback, fail) { var img = document.createElement('img') img.onload = function() { callback(img) ...原创 2018-08-30 15:02:35 · 230 阅读 · 0 评论 -
ES6考点 —— Class
一、JS构造函数function MathHandle(x, y) { this.x = x this.y = y}MathHandle.prototype.add = function() { return this.x + this.y}var m = new MathHandle(1, 2)console.log(m.add())二、Class基本...原创 2018-08-30 14:08:39 · 255 阅读 · 0 评论 -
ES6考点 —— 模块化
一、模块化的基本语法1、import语法util1.js://util1.jsexport default{ a:100}util2.js://util2.jsexport function fn1() { alert('fn1')}export function fn2() { alert('fn2')}在index.js中使用:...原创 2018-08-29 23:37:46 · 174 阅读 · 0 评论 -
ES6(9)—— 数据结构Set
ES6提供了心得数据结构——Set。它类似于数组,但是成员的值都是唯一的,没有重复。Set本身是一种构造函数,用来生成Set数据结构。一、Set的基本用法。.1、通过add向set结构添加数据成员,set不会添加重复的值。可以用来去除数组的重复元素,例如:new Set([1,2,3,3,3])。const s = new Set();[1,2,3,4,5,6,6].forEach...原创 2018-07-28 16:02:31 · 163 阅读 · 0 评论 -
ES6(7)—— 模板字符串
一、什么是模板?模板的基本写法。可以理解为一个填空题。就是样式是写好的,然后给里面动态填充数据即可。1、以前写模板的方式。let title = '2018你好啊!';var tpl = '<div>' + '<span>' + title + '</span>' +'</div>';//引号不能断行,断行会报错。运行的...原创 2018-07-24 10:45:18 · 1935 阅读 · 0 评论 -
ES6(6)—— 新增字符串方法
一、判定一个字符串是否包含在另一个字符串中的方法。之前,我们JavaScript只有一种方法indexOf()(或者lastIndexOf())判定一个字符串是否包含在另一个字符串中,ES6又提供了三种方法:includes()、startsWith()、endsWith()。这三种方法都支持第二参数,表示从第几位开始搜索。1、indexOf()方法和lastIndexOf()方法。这...原创 2018-07-22 22:18:58 · 1062 阅读 · 0 评论 -
ES6(12)—— 数据结构WeakMap
WeakMap和Map结构类似,也用于生成键值对的集合。WeakMap可以使用set方法添加成员,也可以接受一个数组,作为构造函数的参数。一、WeakMap与Map的区别。1、WeakMap只接受对象作为键名(null除外),不接受其他类型的键值作为键名。2、WeakMap的键名所指向的对象不计入垃圾回收机制。WeakMap设计的目的在于,有时我们想在某个对象上面存放一些数据,但是...原创 2018-07-30 11:28:30 · 251 阅读 · 0 评论 -
ES6(2)—— let和const和var
一、var声明变量存在的问题可以重复声明同一个变量var a = 1;var a = 2;console.log(a);这时,后者的声明会把前者覆盖,没有任何的警告或者错误提示,输出a时,结果为2。无法限制修改有的值时不变的,比如PI=3.1415926......,而var不是一个常量没有块级作用域if(true){ var a = 1;}console.l...原创 2018-07-16 22:52:26 · 262 阅读 · 0 评论 -
ES6(11)—— 数据结构map
一、为什么会产生Map数据结构?Javascript对象(Objdect)本质上是键值对的集合(Hash结构),但是只能用字符串作为健。为了解决这个问题,ES6提供了Map数据结构,它类似于对象,也是键值对的集合,但是键的范围不限于字符串,各种类型的值都可以当作键。Object提供了“字符串——值”的对应,Map结构提供了“值——值”的对应,是一种完善的Hash结构实现。二、基本用法。...原创 2018-07-30 10:25:59 · 530 阅读 · 0 评论 -
ES6(8)—— Symbol
首先,我们来回顾一下,javascript的六大数据类型:Undefined、Null、Boolean、String、Number、Object。ES6现在引入了一种新的原始数据类型Symbol,表示第一无二的值。为什么引入Symbol类型呢?ES5的对象属性名都是字符串,这容易造成属性冲突,如果有一种机制可以保证每个属性的名字都是独一无二的就好啦,这样就能从根本上防止属性名冲突,这就是为什么ES...原创 2018-07-27 21:56:24 · 211 阅读 · 0 评论 -
ES6(5)—— 解构赋值
一、什么是解构赋值?它的基本用法。ES6允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构。//下面四句分别是对a,b,c分别赋值let arr = [1,2,3];let a = arr[0];let b = arr[1];let c = arr[2];//下面一句话搞定上面的四句话,这就是解构赋值let [a,b,c] = [1,2,3];...原创 2018-07-21 15:45:24 · 428 阅读 · 0 评论 -
ES6(4)—— 函数参数
一、ES6里面对函数的参数做了一些改变参数扩展/数组展开 默认参数二、参数扩展/展开所谓的参数扩展就是用来进行剩余参数的收集,还能够用于展开数组。1、生于参数的收集看如下的函数:function show(a,b){ console.log(a,b);}show(12,15);我们给show函数了两个参数,我们给他传参时传了两个。如果传两个以上的参数,前...原创 2018-07-17 20:57:17 · 525 阅读 · 0 评论 -
ES6(3)—— 箭头函数
一、正常的函数的写法:function 名字(){ }二、箭头函数的写法:() => { }如果只有一个参数,则圆括号可以省略let show = (a) =>{ console.log(a);};let show = a =>{ console.log(a);};以上的两种写法是完全相同的。如果函数里...原创 2018-07-16 23:24:17 · 477 阅读 · 0 评论 -
ES6(1) —— ES6的历史
一、ECMAScript和JavaScript的关系。ECMA是个组织,ECMA个标准,JS是实现。二、兼容性http://kangax.github.io/compat-table/es5/http://kangax.github.io/compat-table/es6/ES6(ES2015)支持的环境(IE10+、Chrome、FireFox、移动端、NodeJS)如何...原创 2018-07-16 22:31:01 · 394 阅读 · 0 评论