JavaScript

在控制台上展示数组或对象，使用console.table比console.log更加直观明了。 是默认有的。 如果你使用谷歌浏览器并需要复制控制台输出的数据。你可以使用copy()命令行，而不是手动高亮选择对应代码进行复制。 执行上面的代码，会将data数据值复制到你的粘贴板上…

如果你使用JavaScript一段时间了，你可能遇到两个相似的数组方法：Array.prototype.map()和Array.prototype.forEach()。 嗯，forEach方法实际上没有返回什么东西（undefined）。它只是简单为数组中的每个元素提供一个方法…

在我们开始研究call, apply, bind之前，应该对how does "this" keyword works in JavaScript有所认知。 简言之，"this" 创造了指向一个对象的引用。它可能指向了全局对象，比如在全局作用域{window object}。 …

我想使用model-view-controller体系结构模式并用纯JavaScript编写一个简单的应用程序。所以我着手做了，下面就是。希望能帮你理解MVC，因为这是一个很难理解的概念，刚接触时候会很疑惑。 我制作了this todo app，它是一个简单的浏览器小应用程序，…

但是，如果站点无法在用户的Internet Explorer 11浏览器中运行，他们不会在乎我的优化代码。 我使用Endtest来创建自动测试，并在跨浏览器的云上执行它们。 Netflix使用相同的工具来测试他们的web apps。 下面是9个极其强大的JavaScript技巧…

在往年，Javascript是一门很受欢迎的编程语言，但是现在依然有很多人问这样的问题：为什么值得学习Javascript。几年以来，Javascript广泛地传播，前端，后端甚至移动开发中无处不在，而且这种编程语言的受欢迎程度并没有下降。在Javascript的基础上发展出各…

this关键词在JavaScript中是个很重要的概念，也是一个对初学者和学习其他语言的人来说晦涩难懂。在JavaScript中，this是一个对象的引用。this指向的对象可以是基于全局的，在对象上的，或者在构造函数中隐式更改的，当然也可以根据Function原型方法的bin…

对于使用Javascript的每个人来说，可选链(Optional chaining)是游戏的规则的改变者。它与箭头函数或let和const一样重要。我们讨论下它可以解决什么问题，它如何工作，以及它如何使得你的生活更加轻松。 你正在使用片段代码来从一个API加载数据。返回数据是…

我无意在Reddit上找到了这个JavaScript meme，它是我见过最好的抽象。 你可以通过运行开发者工具来运行（图中）的每行代码来验证此关系的准确性。结果并不令人惊讶，但仍然令人失望。 当然，这个小实验触发了我的兴趣... 凭借经验，我学会了接受JavaScript这滑…

Service workers是Progressive Web Apps的核心部分，允许缓存资源和Web推送通知等，以创建良好的离线体验。它们充当Web应用程序，浏览器和网络之间的代理，允许开发人员拦截和缓存网络请求，并基于网络的可用性采取适当的操作。 一个service wo…

本次的ES6语法的汇总总共分为上、中、下三篇，本篇文章为下篇。 ES2017标准引入了async函数，使得异步操作更加方便。async函数是Generator函数的语法糖。不打算写Generator函数，感兴趣的话可以看文档。与Generator返回值（Iterator对象）不…

本次的ES6语法的汇总总共分为上、中、下三篇，本篇文章为中篇。 数组扩展运算符（spread）是三个点（...）。它好比rest参数的逆运算，将一个数组转为用空格分隔的参数序列。 答案是undefined。在前一篇中也提到过，ES6语法声明的变量是不会挂载在全局对象上的～ Ar…

ES6可以说是一个泛指，指5.1版本以后的JavaScript的下一代标准，涵盖了ES2015,ES2016,ES2017等；亦指下一代JavaScript语言。 所以，还是简单谈下吧... 本次的ES6语法的汇总总共分为上、中、下三篇，本篇文章为上篇。 var是之前就有的了，…

javascript是一门单线程的非阻塞的脚本语言。单线程意味着javascript在执行代码的任何时候，都只有一个主线程来处理所有的任务。 因为事件循环（event loop）。先上图： 上述的过程会不断的重复，也就是常常说的Event Loop（事件循环）。 因为setTi…

实例可继承的属性有：实例的构造函数的属性，父类构造函数的属性，父类原型上的属性。（新实例不会继承父类实例的属性） 所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原型属性，另一个实例的原型属性也会被修改） 针对call, apply, bind的使用，之…

在JavaScript中，如果想要改变当前函数调用的上下文对象的时候，我们都会联想到call、apply和bind。比如下面👇 call方法传参是传一个或者是多个参数，第一个参数是指定的对象，如开篇的obj。 apply方法传参是传一个或两个参数，第一个参数是指定的对象，第二…

在JavaScript里面有个引用类型叫做基本包装类型，它包括String、Number和Boolean。那么它和基本的类型String、Number和Boolean是啥关系呢？接着往下看👀 所谓的装箱，是指将基本数据类型转换为对应的引用类型的操作。而装箱又分为隐式装箱和显式…

在javascript中有两种类型，一种是基本数据类型，一种是引用类型。 基本数据类型，也称为简单数据类型，在ES5中有以下五种：Undefined、Null、Boolean、Number和String，在ES6中新增了一种简单的数据类型Symbol。 Undefined类型只…

备注：npm模块有个神奇的样板。这篇文章是基于我从设置中学到的东西。 如今，NPM已经成为javascript库的事实上的注册表。特别是React,Angular和其他前端库主导的网络和node.js接管的服务器端，NPM软件包比以往任何时候都更受欢迎。通常，我们会在代码中引入…

JavaScript promise是一个对象，表示异步任务完成或者失败及其结果值。 完结。 我当然是开玩笑的。那么，这个定义到底意味着什么？ 首先，JavaScript中的许多东西都是对象。你可以通过几种不同的方式进行创建对象。最常用的方法是使用对象字面量语法： 你还可以创建…