ES6
VVVGG
不积跬步无以至千里
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ES6之Map和WeakMap
map类似对象,但是对象的键(key)只能是字符串或者数字等原始值 map的key可以是任何类型 定义一个map结构 new Map() map(key, value); 向map中添加数据 获取某一个值: map.get(key) 删除一个值: map.delete(key) 判断是否有对应的值 map.has(key) 清空map列表: map.clear()...原创 2018-09-18 17:23:16 · 585 阅读 · 0 评论 -
box-sizing
先来看box-sizing在W3C上的说明: box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 语法: box-sizing: content-box|border-box|inherit; 值: content-box: 这是由 CSS2.1 规定的宽度高度行为。 宽度和高度分别应用到元素的内容框。 在宽度和高度之外绘制元素的内边距和边框。(...原创 2018-09-19 15:25:35 · 241 阅读 · 0 评论 -
ES6之类(class)和继承
原来我们写面向对象编程,都是在通过构造函数,然后在原型上写的,比如: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &l原创 2018-09-14 16:54:37 · 1224 阅读 · 0 评论 -
ES6模块化
引入模块 然后在浏览器中查看: 这是因为模块化只能在支持的环境上使用, 我现在将文件放在Apache服务器环境下来进行运行 使用时需要注意的方面: import 可以是相对路径或者绝对路径 import同一个文件多次,也只会生效一次 import './JS/demo.js'; 直接引入就相当于引入了一个文件 import {a} from './JS/demo....原创 2018-09-14 12:25:54 · 505 阅读 · 0 评论 -
Proxy
Proxy 对象用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)。 也可以用来预警,上报,扩展功能,统计,增强对象等等 proxy是设计模式的一种,叫做代理模式 语法: new Proxy (target, handler) target 用Proxy包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代理)。 handler 一个对象,...原创 2018-09-19 11:18:56 · 887 阅读 · 0 评论 -
ES2018新增加的一些东西
1,命名捕获 语法: (?<名字>) 先来看一个原来的捕获正则; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&am原创 2018-09-19 10:05:46 · 712 阅读 · 0 评论 -
ES6数字变化
1,定义一个二进制(binary)的数据 0b 代表二进制 2,定义一个8进制(Octal)的数据 以前一些对于数字的判断或者操作方法例如(isNaN)都单独写出来的: let num = 12; console.log(isNaN(num)); 现在这些方法基本都挂到了Number上 let num = 12; console.log(Number.i...原创 2018-09-18 18:34:07 · 379 阅读 · 0 评论 -
ES6之Promise
对于Promise理解的不好,就先放上代码 如果有兴趣的同学可以看这一篇 https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014345008539155e93fc16046d4bb7854943814c4f9dc2000 Promise.all,传入若干P...原创 2018-09-14 09:32:43 · 231 阅读 · 0 评论 -
ES6之对象
原本对象里面的元素声明: 在ES6中,如果你的键值和键名字一样,那么就可以简写成一个,即 原本的函数声明: 现在同样可以简写成: 对象里面的函数声明不要用箭头函数 Object.is() 判断两个值是否是相同的值 参数:value1,value2 相同返回true,不同返回false Object.is() 判断两个值是否相同。如果下列任何一项成立,则...原创 2018-09-13 15:29:22 · 1486 阅读 · 0 评论 -
ES6初探之let和const
定义变量的方式: let和const let相当于之前的var,但是有所不同 const用于定义常量,定义好了就不能改变 这里就可以看到let和var的不同之处了,发现let和我们其他语言(例如C,C++,JAVA等)的块级作用域一样了,而var是链式作用域 再看下面 这个就是函数预编译的结果 这里用let就提示了错误,这是因为ES6中没有预编译的过程...原创 2018-09-12 17:22:56 · 431 阅读 · 0 评论 -
ES6之数组(一)
forEach() 代替原本的for循环 map() map可以有return,返回一个新的数组 如果没有return,相当于forEach 所以map也可以对数据(比如后台传过来的)进行修改 filter() 根据条件,过滤掉一些你不想要的元素 some() 查找数组内是否有某一个元素符合条件 every() 只...原创 2018-09-13 11:04:25 · 1003 阅读 · 0 评论 -
ES6之数组(二)
1,Array.from 从一个类数组或者课迭代对象中创建一个新的数组实例 Array.from(arrayLike[, mapFn[, thisArg]]) arrayLike 想要转换成数组的伪数组对象或可迭代对象。 mapFn (可选参数) 如果指定了该参数,新数组中的每个元素会执行该回调函数。 thisArg (可选参数) 可选参数,执行回调函数 mapFn 时 ...原创 2018-09-13 14:19:53 · 892 阅读 · 0 评论 -
Set和WeakSet
set数据结构 类似数组,但是里面不能有重复值, 构建方法 new Set([]),返回一个对象 增加数据: 删除数据: 检查是否有某一项数据 查看setArr的长度 清楚所有数据 循环: setArr的下标: setArr的values 在我们直接for of setArr的时候,实际上循环的是...原创 2018-09-18 15:44:00 · 285 阅读 · 0 评论 -
ES6之async&await
文件结构 一般解决异步问题的方法: 1,promise const fs = require('fs'); const readFile = function (fileName) { return new Promise((resolve, reject) => { fs.readFile(fileName, (err, data) => { ...原创 2018-09-18 14:12:24 · 450 阅读 · 0 评论 -
ES6之Symbol&generator
Symbol: 定义:let syml = Symbol ('aaa'); 注意点: 1,Symbol 不能new 2,Symbol() 返回是一个唯一值 所以也可以作为一个key,定义一些唯一或者私有的一些东西 3,typeof可以检测的类型从number,string,boolean,object,function,undefine...原创 2018-09-18 11:35:45 · 309 阅读 · 0 评论 -
ES6之函数
函数默认值: 以前的函数默认值写法: 在函数当中,函数的参数默认是已经定义了的,已经不能再使用let或者const从新定义了 rest运算符 / 扩展运算符: 必须放到最后,不能放在中间 复制数组的方法: 箭头函数: 再看箭头函数中this的指向问题 这是正常的this指向,谁调用他,他的th...原创 2018-09-13 09:40:56 · 238 阅读 · 0 评论 -
字符串模板
字符串模板:`` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>&a原创 2018-09-12 18:59:44 · 288 阅读 · 0 评论 -
ES6之解构赋值
这就是解构赋值 要点: 1,左右两边,结构和格式要保持一致 :相当于起一个别名,但是原来的job就没了 = 相当于给了一个默认值,防止后台数据的空置 这是undefined和null的不同点,这个问题请在下面加一个判断 交换两个数据 ...原创 2018-09-12 18:08:56 · 242 阅读 · 0 评论
分享