simple's Studio.

.ajax() 方法 是整个 jQuery 库的异步请求的核心。你可以通过多种方式来调用 .ajax() 方法： $.ajax(<url-to-fetch>, <a-configuration-object>); // or $.ajax();.ajax() 方法的最常用使用方式是使用配置对象，因为可以在配置对象中设置一切。 ##什么是”配置对象”？##配置对象是一个用来配置方法的普通 JavaScript 对象。例如： var settings = { frosting: 'buttercream', colors: [&ap...

下面是异步加载图片的例子。function loadImageAsync(url) { return new Promise(function(resolve, reject) { const image = new Image(); image.onload = function() { resolve(image); }; image.onerror = function() { reject(new Error('Could not load image at ' + url)); }; ...

Promise对象有以下两个特点（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。 （2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保...

JavaScript Promise 是用新的 Promise 构造函数 - new Promise() 创建而成的。 promise 使你能够展开一些可以异步完成的工作，并回到常规工作。创建 promise 时，必须向其提供异步运行的代码。将该代码当做参数提供给构造函数： new Promise(function () { window.setTimeout(function createSundae(flavor = 'chocolate') { const sundae = {}; // request ice cream...

如果说 Set 类似于数组，那么 Map 就类似于对象，因为 Map 存储键值对，和对象包含命名属性及值相类似。 本质上，Map 是一个可以存储键值对的对象，键和值都可以是对象、原始值或二者的结合。 如何创建 Map要创建 Map，只需输入： const employees = new Map(); console.log(employees); Map {} 这样就会创建空的 Map employee，没有键值对。修改 Map #####和 Set 不同，你无法使用值列表创建 Map；而是使用 Map 的 .set() 方法添加键值。##### const employees = ne...

在继续之前，我们先花些时间看一下 ES6 中的两个新协议： 可迭代协议 迭代器协议 这两个协议不是内置的，但是它们可以帮助你理解 ES6 中的新迭代概念，就像给你展示标识符的使用案例一样。 ###可迭代协议可迭代协议用来定义和自定义对象的迭代行为。也就是说在 ES6 中，你可以灵活地指定循环访问对象中的值的方式。对于某些对象，它们已经内置了这一行为。例如，字符串和数组就是内置可迭代类型的例子。 const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; for (const digit of digits) { console.log(digit...

Symbols（标识符）Symbol 是一种独特的且不可变的数据类型，经常用来标识对象属性。 要创建 Symbol，输入 Symbol()，并添加一个可选的字符串作为其描述。 const sym1 = Symbol('apple'); console.log(sym1); Symbol(apple) 它将创建唯一的标识符，并将其存储在 sym1 中。描述 “apple” 只是用来描述标识符的一种方式，但是不能用来访问标识符本身。 为了展示它的工作原理，如果你对具有相同描述的两个标识符进行比较…… const sym2 = Symbol('banana&apo...

ES6 中的子类我们已经了解了如何在 JavaScript 中创建类。现在使用新的 super 和 extends 关键字扩展类。 class Tree { constructor(size = '10', leaves = {spring: 'green', summer: 'green', fall: 'orange', winter: null}) { this.size = size; this.leaves = leaves; this.leafColor = null;...

#####ES5 “类”总结因为 ES6 类只是一个“幻景”（语法糖），原型继承实际上在底层被隐藏起来了，我们快速了解下如何用 ES5 代码创建“类”： function Plane(numEngines) { this.numEngines = numEngines; this.enginesActive = false; } // methods "inherited" by all instances Plane.prototype.startEngines = function () { console.log('starting en...

默认值和解构数组你可以将默认函数参数和解构结合到一起， 创建非常强大的函数！ function createGrid([width = 5, height = 5]) { return `Generates a ${width} x ${height} grid`; } createGrid([]); // Generates a 5 x 5 grid createGrid([2]); // Generates a 2 x 5 grid createGrid([2, 3]); // Generates a 2 x 3 grid createGrid([undefined, 3]);...