作者 | Jeskson 来源 | 达达前端小酒馆解构赋值：数组的解构赋值，对象的解构赋值，字符串的解构赋值，数值与布尔值的解构赋值，函数参数的解构赋值。开发环境准备：编辑器，VS Code，Atom，Sublime，或IDE（Webstorm）浏览器（最新的Chrome）或Node.js环境越新越好。数组的解构赋值：解构赋值语法是一个JavaScript表达式，这使得可以将值从数组或属性从对象提取道不同的变量中。重点解构赋值的概念理解：数组的解构赋值 对象的解构...
分模块引入，回调地狱，this 指向不明 es6优势Promise 是异步编程的一种解决方案 容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息 （1）对象的状态不受外界影响 （2）一旦状态改变，就不会再变，任何时候都可以得到这个结果（此有点即缺点，无法中途取消） var promise = new Promise(function(resolve, reject) { // ... some code if (/* 异...
起步1.扎实的HTML/CSS/Javascript基本功，这是前置条件。2.不要用任何的构建项目工具，只用最简单的<script>，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。 什么是ECMAScript，以及es6的诞生？1997年 ECMAScript 1.0 诞生1999年12月 ECMAScript 3.0诞生，它 是一个巨大的成功，在业界得到了广泛的支持，它奠定了JS的基本语法，被其后版本完全继承。直到今天，我们...
一、新的变量声明方式 let/const与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升： let命令 {let a = 10;var b = 1; }a // ReferenceError: a is not defined. b // 1上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这表明，let声明的变量只在它所在的代码块有效。...
和大家分享一下在学习es6的过程中所积累的东西，也希望更多的朋友能够互相学习首先创建项目目录打开你的命令行，什么文件下都可以，大家请随意，我自己用的git，输入 mkdir es6创建一个完整的项目要有服务器，要有完成的借口提供我们数据，还要构建前端代码的编译和数据的刷新，所以我们要创建三个并行的模块第一：创建app，放置前端代码 输入mkdir app第二：创建服务器 输入mkdir server第三：创建构建工具 ...
文章目录 编程语言计算机基础计算机组成 JavaScript初识JS的概念JS的作用HTML/CSS/JS的关系浏览器执行JS简介JS的组成js输入输出语句 变量什么是变量变量的使用声明变量变量应用（弹出输入的用户名）变量的语法扩展 变量命名规范交换两个变量值 数据类型简介变量的数据类型数据类型的分类简单数据类型（基本数据类型）数字型字符串型解释型语言和编译型语言 运算符算术运算符浮点数精度问题 表达式和返回值前（后）置自增（减）运算...
在面试和考试中ES6 Promise的用法一直都是个常考点，Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。var p = new Promise(function(resolve, reject){//做一些异步操作setTimeout(function(){console.log(执行完成);resolve(随便什么数据);}, 2000); });Promise的构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后...
1 for...of 字符串的遍历接口for(let i of "abc"){console.log(i); } // a // b // c2 includes 是否包含某字符串,返回布尔值格式：str.includes(searchString[, position])与indexOf的对比：indexOf:返回下标，判断是否包含某字符串，下标是字符串的位置includes:返回布尔值，是否包含某字符串，如果只是判断字符串中包含，此法可行。var s = "hello"; // es5 s.indexOf("o"); // 4 // es6 s.includes("o"); // true s.includes("...
今天讨论的新特性让我非常兴奋，因为这个特性是 ES6 中最神奇的特性。 这里的“神奇”意味着什么呢？对于初学者来说，该特性与以往的 JS 完全不同，甚至有些晦涩难懂。从某种意义上说，它完全改变了这门语言的通常行为，这不是“神奇”是什么呢。 不仅如此，该特性还可以简化程序代码，将复杂的“回调堆栈”改成直线执行的形式。 我是不是铺垫的太多了？下面开始深入介绍，你自己去判断吧。 简介 什么是 Generator？ 看下面代码：f...
在 ES6 中引入了一种新的字符串字面量 — 模板字符串，除了使用反引号 (`) 表示，它们看上去和普通的字符串没有什么区别。在最简单的情况下，他们就是普通的字符串：context.fillText(`Ceci n'est pas une chane.`, x, y);context.fillText(`Ceci n'est pas une chane.`, x, y);之所以被称为模板字符串，是因为模板字符串为 JS 引入了简单的字符串插值特性，也就是说，可以方便优雅地将 JS 的值插入到字符串中。 很多地方可以用到模...
什么是解构赋值？ 解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性值赋给一系列变量。这个语法非常简洁，而且比传统的属性访问更加清晰。 在不使用解构赋值的情况下，访问数组的前三项：var first = someArray[0]; var second = someArray[1]; var third = someArray[2];var first = someArray[0]; var second = someArray[1]; var third = someArray[2];使用解构赋值后，相应的代码变得更简洁和可读：var [first...
本文实例讲述了ES6基础之字符串和函数的拓展。分享给大家供大家参考，具体如下： 字符串的拓展 1.ES6为字符串添加了遍历器接口，因此可以使用for...of循环遍历字符串 2.字符串新增的 includes()、startsWith()、endsWidth() 三个方法用于判断某一字符串是否包含于另一字符串 includes()：返回布尔值，表示源字符串中是否包含参数字符串。startsWith()：返回布尔值，表示参数字符串是否在源字符串的头部。endsWith()：返回布尔值，表...
本文实例讲述了ES6基础之数组和对象的拓展。分享给大家供大家参考，具体如下： 数组的扩展 1.拓展运算符（...），它相当于rest参数的逆运算，用于将一个数组转换为用逗号分隔的参数序列； console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 52.如果扩展运算符后面是一个空数组，则不产生任何效果； [...[], 1] // [1]3.常见的拓展运算符的应用： //合并数组 let arr1 = [1,2]; let arr2 = [3,4]; le...
本文实例讲述了ES6基础之 Promise 对象用法。分享给大家供大家参考，具体如下： Promise 对象 1.Promise对象是ES6对异步编程的一种解决方案，它有以下两个特点： Promise对象代表一个异步操作，它只有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和Rejected（已失败），并且该状态不会受外界的影响Promise对象的状态改变，只有两种可能：从 Pending 变为 Resolved 或者从 Pending 变为 Rejected，并且一旦状态...
如果调用函数的过程中，定义的参数缺失，此参数变量的值则会是undefined。怎么给缺失的参数赋值默认值，在ES6之前，没有简洁的语法设置缺失参数的默认值，但是我们一般可以这么编写代码解决缺失参数默认值： function myFunction(x, y, z) {x = x === undefined ? 1 : x;y = y === undefined ? 2 : y;z = z === undefined ? 3 : z;console.log(x, y, z); //Output "6 7 3"}myFunction(6, 7);这种写法是不是比较麻烦？默认值的设置是...