es6扩展运算符(...)

es6扩展运算符(...)

1、扩展运算符将一个数组转为用逗号分隔的参数序列console.log(...[1,2,3])// 1 2 3console.log(1, ...[2,3,4],5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [<div>, <div>, <div>]用于:【1】将一个数组,变为参数序列let add = (x,
浏览:406 分类:ECMAScript6 标签: 扩展运算符 es6
webpack - 前端模块系统的演进

webpack - 前端模块系统的演进

webpack系列目录webpack 系列 一:模块系统的演进webpack 系列 二:webpack 介绍&安装webpack 系列 三:webpack 如何集成第三方js库webpack 系列 四:webpack 多页面支持 & 公共组件单独打包webpack 系列 五:webpack Loaders 模块加载器webpack 系列 六:前端项目模板-webpa
浏览:487 分类:构建工具&Git 标签: webpack es6 cmd
es6异步操作Promise

es6异步操作Promise

        Promise 是 ES6 中新增的异步编程解决方案,体现在代码中它是一个对象,可以通过 Promise 构造函数来实例化。        new Promise(cb) 是有3种状态的:Pending(进行中)、Resolved(已完成)、Rejected(已失败)。它的状态完全由异步操作的结果决定的,且状态一旦确认是不可以被改变的。const imgs =
浏览:573 分类:ECMAScript6 标签: Promise es6
es6的函数扩展-箭头函数

es6的函数扩展-箭头函数

        1、为函数参数指定默认值// es5functionfnEs5(a,b){var a = a ||10;var b = b ||20;console.log(a+b);//存在小缺陷:当a/b为0时,布尔值为false,代码需要再做判断。}//es6functionfnEs6(a=10,b=20){console.log(a+b);}        2、
浏览:632 分类:ECMAScript6 标签: 箭头函数 es6
es6中内置对象的扩展(字符串扩展、数组扩展、对象扩展)

es6中内置对象的扩展(字符串扩展、数组扩展、对象扩展)

        1、字符串的扩展        【1】字符串模板:反引号 ``,${}let flag =true;let html =`<ul> <li> <span>${'首页'}</span> <span></span> <span></span>
浏览:583 分类:ECMAScript6 标签: es6
es6中Symbol数据类型

es6中Symbol数据类型

        Symbol 是ES6中新增加一种数据类型,表示独一无二的值,是JS中的第七种数据类型。在ES5中对象的属性名只能是字符串,这样很容易造成命名冲突,比如大家在扩展别人写的对象的时候,假如要添加新的方法,恰巧这个属性名和之前的冲突了,就会造成不必要的麻烦。为了解决这种根本性问题,ES6引进了这种数据类型。        基本的数据类型:Null、undefine
浏览:623 分类:ECMAScript6 标签: Symbol es6
es6中class介绍

es6中class介绍

        js语法的传统方法是通过构造函数,定义并生成新对象,是一种基于原型的面向对象系统。这种写法跟传统的面向对象语言(不如C++和Java)差异很大,很容易让新学习这门语言的人感到困惑,所以,在 ES6 中新增了类的概念,可以使用 class 关键字声明一个类,之后将这个类实例化对象。        es5中基于原型的面向对象系统const Mvc =functio
浏览:607 分类:ECMAScript6 标签: class es6
es6中iterator和for-of循环介绍

es6中iterator和for-of循环介绍

        在 ES6 中新增加了 Set 和 Map 两种数据结构,再加上js之前原有的数组和对象,这样就有四种数据集合。平时还可以组合使用他们,定义自己的数据结构,比如数组的成员是 Map,Map 的成员是对象等。这样就需要一种统一的接口机制,来处理所有不同的数据结构。        Iterator 就是这样的一种机制,它是一种接口,为各种不同的数据结构提供统一的访
浏览:554 分类:ECMAScript6 标签: iterator for-of es6
es6数据结构Map

es6数据结构Map

        数据结构 Map 是典型的字典型数据结构,是用来存储不重复key的Hash结构。不同于集合(Set)的是,字典的使用的是 [键、值] 的形式来存储数据的。        JavaScript 的对象(Object:{ })只能用字符串当作键,这给它的使用带来了很大的限制。var data1 = {a:1}, data2 = {b:2}, obj = {};o
浏览:555 分类:ECMAScript6 标签: Map es6
es6数据结构Set

es6数据结构Set

       集合的基本概念:集合是有一组无序且唯一(即不重复)的项组成的。这个数组结构使用了与有限集合相同的数学概念,应用在计算机的数据结构中。特点:key 和 value 相同,没有重复的 value。        ES6 中提供了数据结构 Set。它类似与数组,但成员的值都是唯一的,没有重复的值。        1、如何创建一个 Set,Set 是一个构造函数//
浏览:498 分类:ECMAScript6 标签: Set es6
es6中let和const介绍

es6中let和const介绍

        let 命令:用来声明一个变量,和 var 非常类似。        const 命令:用来声明一个变量,常量就是不可以变化的量。        用 let 声明变量的注意事项        1、使用 let 声明的变量,所声明的变量只在命令所在的代码块内有效。代码块就是一对大括号“{}”。{var a =1;let b =2;console.log(b)
浏览:504 分类:ECMAScript6 标签: const let es6
es6中变量的解构赋值

es6中变量的解构赋值

        ECMAScript 6.0(简称ES6)是继 ECMAScript 5.1 之后 JavaScript 语言下一代标准,发布在2015年6月。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。        变量的解构赋值基本概念:        本质上就是一种匹配模式,只要等号两边的模式相同,那么左边的变量就可
浏览:499 分类:ECMAScript6 标签: 解构赋值 es6

邮箱快速注册

忘记密码