ES6
文章平均质量分 57
jiaojsun
做一只快乐的小码龙
展开
-
ES6精简系列-Proxy
ES6精简系列-Proxy原创 2023-03-08 15:49:11 · 50 阅读 · 0 评论 -
ES6精简系列-Module
ES6精简系列-Module原创 2023-03-08 15:42:31 · 176 阅读 · 0 评论 -
异步编程--介绍同步和异步
1.异步编程js是单线程的,所谓线程类似于游戏中的任务线。一个主要的任务流程,处理我们的js程序,把一些耗时的事情通过新开线程的方式来实现,这就叫做异步编程。常用的异步方式有 - setTimeout - setInterval - ajax2.同步和异步解释首先搭建一个简易的服务器 app.js代码如下,3s后返回请求。const express...原创 2018-09-26 18:51:33 · 707 阅读 · 0 评论 -
工作笔记--JS相关
1.Object.values(es6) Object.values方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键值。const obj = { foo: 'bar', baz: 42 };Object.values(obj)// ["bar", 42]2.SetES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重原创 2017-12-22 15:10:19 · 181 阅读 · 0 评论 -
ES6--异步操作之promise(续)
1. promise的出现 promise 是 commonJS下的一个规范 , 规范的就是JS中的异步操作方式 thenjs whenjs deferred(jq) , 基于promise开发出的实际代码 es 6 - > ecmaScript 6中已经加入原生JS实现了promise*首先看一个小栗子setTimeout(function(){ alert原创 2017-11-24 17:46:44 · 282 阅读 · 0 评论 -
ES6--异步操作之Promise
1. 什么是PromisePromise是ES6中新增的异步编程解决方案,体现在代码中它是一个对象可以通过 Promise 构造函数来实例化。 new Promise(cb) ===> 实例的基本使用 Pending Resolved Rejected *两个原型方法:Promise.prototype.then() Promise.prototype.catch()原创 2017-10-04 12:53:21 · 394 阅读 · 0 评论 -
ES6--函数的扩展
1. 为函数参数指定默认值在ES5中有这种情况function fn(a, b){ a = a || 10; b = b || 20; console.log(a + b);}fn();//30fn(0, 10);//20因为a=0,所以将10赋给它在ES6中function fn(a = 10, b = 20){ console.log(a + b);}fn();//3原创 2017-10-04 11:59:59 · 242 阅读 · 0 评论 -
ES6--内置对象的扩展
1. 数组的扩展1) Array.from() //把类数组对象转换成真正的数组 在页面中写一些livar lis = document.querySelectorAll('li');console.log(Array.isArray(lis));//false说明不是数组var lis2 = Array.from(lis);console.log(lis2);console.log(Ar原创 2017-10-04 11:16:35 · 363 阅读 · 0 评论 -
ES6--Symbol数据类型
1. 什么是 Symbol ?Symbol,表示独一无二的值。它是 JS 中的第七种数据类型。基本的数据类型: Null Undefined Number Boolean String Symbol 引用数据类型:Objectlet s1 = Symbol();let s2 = Symbol();console.log(typeof s1); // 'symbol'console.log原创 2017-10-04 10:24:57 · 357 阅读 · 0 评论 -
ES6--class的基本使用
1. 关于ES5生成新对象 打印出来 hello world2. ES6中的class看一下用ES6中的知识点怎么改写 3. 关于要注意的地方原创 2017-10-03 19:58:44 · 259 阅读 · 0 评论 -
ES6--iterator和for-of循环
1. 基本概念:在ES6中新增了Set和Map两种数据结构,再加上JS之前原有的数组和对象,这样就有了四种数据集合,平时还可以组合使用它们,定义自己的数据结构,比如数组的成员是Map,Map的成员是对象等。这样就需要一种统一的接口机制,来处理所有不同的数据结构。Iterator就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以原创 2017-10-03 19:28:46 · 284 阅读 · 0 评论 -
ES6--数据结构Map
1. Map由来字典:是用来存储不重复key的Hash结构。不同于集合(Set)的是,字典使用的是[键,值]的形式来储存数据的。JavaScript 的对象(Object:{})只能用字符串当作键。这给它的使用带来了很大的限制。 举个栗子var data1 = {a: 1}, data2 = {b: 2}, obj = {};obj[data1] = 1;obj[data2] = 2;原创 2017-10-03 15:50:56 · 241 阅读 · 0 评论 -
ES6--数据结构Set
1.基本概念集合的基本概念:集合是由一组无序且唯一(即不能重复)的项组成的。这个数据结构使用了与有限集合相同的数学概念,应用在计算机的数据结构中。特点:key 和 value 相同,没有重复的 value。ES6 提供了数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。2.应用1) 如何创建一个 Setconst s = new Set([1, 2, 3]);conso原创 2017-09-24 22:06:39 · 187 阅读 · 0 评论 -
ES6--变量的解构赋值
1.基本概念解构赋值:本质上就是一种匹配模式,只要等号两边的模式相同,那么左边的变量就可以 被赋予对应的值。 * 结构赋值主要分为: * 1 数组的解构赋值 * 2 对象的结构赋值 * 3 基本类型的解构赋值 举个栗子let a = 1;let b = 2;let c = 3;等价于let [a, b, c] = [1, 2, 3];变量的解构赋值分为三种,以原创 2017-09-24 20:57:35 · 214 阅读 · 0 评论 -
ES6--const
1.基本概念const命令:用来声明一个常量,常量就是不可变化的量2.const的特点1)所声明的常量只会在其所在的代码块内有效 2)声明的常量不会被提升 3)不能声明已经被声明过的常量或者变量3.使用const需要注意两点1)声明的时候必须赋值const c//报错2)声明的常量储存简单的数据类型时候不可改变其值,如果储存的是对象,那么引用不可以被改变,至于对象里面的数据如何变化,是没有关系的原创 2017-09-24 18:09:55 · 219 阅读 · 0 评论 -
ES6--let
1.基本概念let命令:用来声明一个变量,和var非常类似2.用let声明变量的注意事项1)使用let声明的变量,该变量只在命令所在的代码块内有效{let a=1;var b=2;console.log(a)//正确}console.log(a)//报错console.log(b)//正确2)使用let命令声明的变量在预解析的时候不会被提升 因为存在预解析,所以a可以被访问到,是und原创 2017-09-24 18:01:17 · 266 阅读 · 0 评论