simple's Studio.

对于普通函数，this 的值基于函数如何被调用。对于箭头函数，this 的值基于函数周围的上下文。换句话说，箭头函数内的，this 的值与函数外面的 this 的值一样。 我们先看一个普通函数中的 this 示例，再看一个箭头函数是如何使用 this 的。 // constructor function IceCream() { this.scoops = 0; } // adds scoop to ice cream IceCream.prototype.addScoop = function() { setTimeout(function() { this.scoo...

要了解箭头函数中的 this 有何区别，让我们快速总结下标准函数中的 this 是如何使用的。如果你已经非常熟悉 this 的使用方法，可以跳过此部分。 this 关键字的价值完全取决于它的函数（或方法）是如何被调用的。this 可以是以下任何内容： 新的对象如果函数使用 new 被调用： const mySundae = new Sundae('Chocolate', ['Sprinkles', 'Hot Fudge']); 在上述代码中，Sundae 这个构造函数内的 this 的值是新的对象，因为它使用 new 被调用。...

函数是 JavaScript 中的主要数据结构之一，它们一直都存在于 Javascript 中。 箭头函数ES6 引入了一种新的函数，叫做箭头函数。箭头函数和普通函数的行为非常相似，但是在语法构成上非常不同。以下代码列出一组名字，使用普通函数把其中每个名字转换为大写形式： const upperizedNames = ['Farrin', 'Kagure', 'Asser'].map(function(name) { return name.toUpperCase(); }); 下面的代码操作一样，但是向 map() 方法...

如果你可以使用展开运算符将数组展开为多个元素，那么肯定有一种方式将多个元素绑定到一个数组中吧？ 实际上，的确有！叫做剩余参数，它是 ES6 中新加的另一个运算符。 剩余参数剩余参数也用三个连续的点 ( … ) 表示，使你能够将不定数量的元素表示为数组。它在多种情形下都比较有用。 一种情形是将变量赋数组值时。例如， const order = [20.17, 18.67, 1.50, "cheese", "eggs", "milk", "bread"]; const [total, subtotal, tax,...

展开运算符展开运算符（用三个连续的点 ( … ) 表示）是 ES6 中的新概念，使你能够将字面量对象展开为多个元素。 我们通过几个示例看看它的原理。 const books = ["Don Quixote", "The Hobbit", "Alice in Wonderland", "Tale of Two Cities"]; console.log(...books); Prints: Don Quixote The Hobbit Alice in Wonderland Tale of Two Citie...

for…of 循环是最新添加到 JavaScript 循环系列中的循环。 它结合了其兄弟循环形式 for 循环和 for…in 循环的优势，可以循环任何可迭代（也就是遵守可迭代协议）类型的数据。默认情况下，包含以下数据类型：String、Array、Map 和 Set，注意不包含 Object 数据类型（即 {}）。默认情况下，对象不可迭代。 在研究 …of 循环之前，先快速了解下其他 for 循环，看看它们有哪些不足之处。 for 循环for 循环很明显是最常见的循环类型，因此快速复习下即可。 const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];...

ES6 中经常出现的一个现象是删掉不必要的重复代码。通过删掉不必要的重复代码，代码更容易读懂，并且更简练。推出的新简写法（用来初始化对象并向对象中添加方法）就是这一体现。 我们看看具体情况。 对象字面量简写法你可能写过这样的代码：使用和所分配的变量名称相同的名称初始化对象。 如果没写过的话，看看下面的示例。 let type = 'quartz'; let color = 'rose'; let carat = 21.29; const gemstone = { type: type, color: color, carat: car...

###JavaScript中的伪类模式 继续上篇中我们的例子，拿到的是原型类 var Car = function(loc) { var obj = Object.create(Car.prototype); obj.loc = loc; return obj; }; Car.prototype.move = function(){ this.loc++; }; 现在我们把它重构成一种与之相似的模式-伪类模式。称它为伪类，是因为它仿照其他语言中的类系统，试图增添一些语法上的便利，如果我们要在程序中构造大量的类，那将会产生大量的重复代码，而语言...

###new关键字 使用new之前 var Car=function(loc){ (1) var obj=Object.create(Car.prototype); obj.loc=loc; return obj; (2) }; Car.prototype.move=function(){ this.loc++; }; var ben=new Car(9); ben.mobe(); 一旦决定为某个函数使用关键字new，就需要做一些必要的重构。当在一个函数的调用前，使用关键字new，该函数便会以一种特殊的模式————构造模式来运行。所谓的构...

#原型链原型链时创建与其他对象相似的对象的一种机制，当你为了节省内存或避免重复代码，需要两个对象拥有完全相同的属性时，你可能需要从一个对象复制所有的属性到另一个对象，但JavaScript提供了原型链这种替代方式，通过将第一个对象中的字段查找委派于第二个对象的方式，可以使得一个对象表现得似乎拥有另一个对象的所有属性。 #函数类在JavaScript中，函数是极其重要的，它们是JavaScript类的核心。JavaScript类其实就是一个可以创建许多相似对象的函数。每当一个函数创建多个对象，而它们全都遵从大致相同的方法和属性模式，这个函数就可以被称为类。但是需要了解这个定义实际上也是有...