
JS
qq_34865249
这个作者很懒,什么都没留下…
展开
-
Javascript中的Promise用法
Promise 的含义Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promi...原创 2020-05-03 21:27:45 · 2000 阅读 · 0 评论 -
如臂使指 :JS 中的 Module 语法
前言从前 JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的 require、Python 的 import,甚至就连 CSS 都有 @import,而 JavaScript 任何这方面的支持都没有,这对开发大型的、复杂的项目开发形成了巨大的障碍。在 ES6 之前,最主要的模块加...原创 2019-09-08 23:31:45 · 322 阅读 · 0 评论 -
JS遍历对象属性的几种方式
ES6中 一共有 5 种方法可以遍历对象的属性。☞ 「for...in 」for ... in 循环遍历对象自身的和继承的可枚举属性(不含 Symbol 属性)。☞ 「Object.keys」返回一个数组,包括对象自身的 (不含继承的)所有可枚举属性(不含 Symbol 属性)的键名。数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 ...原创 2019-08-30 15:26:50 · 760 阅读 · 0 评论 -
JavaScript中的闭包及其应用场景
本文将从「 词法作用域 」、「 闭包概念及实例 」、「 闭包应用场景 」等三个方面来讲述JS中的闭包词法作用域词法作用域是指一个变量在源码中声明的位置作为它的作用域。同时嵌套的函数可以访问到其外层作用域中声明的变量。看下面的代码:function init() { var name = '朱翊钧' function displayName() { // display...原创 2019-08-29 16:50:57 · 896 阅读 · 1 评论 -
奇光异彩--JS中Generator 函数异步应用
前言本文前承拙文《异步翊驱--Generator 函数JS中的异步方案》,将继续看一下Generator函数的一些异步应用。并穿插讲述一些概念,如Thunk函数、co模块等。希望各位在读完本文之后,可以结合前文将Generator函数充分理解。一、首先来看一下传统方法:ES6直接将 JavaScript 异步编程带入了一个全新的阶段,在此之前,异步编程的方法,无出于:回调函数、事件...原创 2019-08-18 11:38:33 · 270 阅读 · 0 评论 -
异曲神工--JavaScript中的 async 函数(ES2017)
前言本文是叙述JS异步操作的最后一篇,随着时间的推移,JS中实现异步操作的方案已与日俱增,从一开始的回调函数、发布/订阅、事件监听、promise,到后来的 Generator 函数,以及本文撰述的 async 函数。JS中异步操作的手段的百花齐放,已经使得异步操作变得越来越方便。一、首先来大概了解一下 async 函数:async 函数是 Generator 函数的语法糖前文有...原创 2019-08-21 09:55:03 · 428 阅读 · 0 评论 -
异步翊驱--Generator 函数JS中的异步方案
前言异步编程对 JavaScript 语言及其重要,因为JavaScript 语言中只有一根线程,如果没有异步编程,则势必日湮月塞,非卡死不可。ES6或许会迟到,但它从不缺席,ECMAScript 6 (简称 ES6 )作为下一代 JavaScript 语言,不仅对JS全面提升,同时也将 JavaScript 异步编程带入了一个全新的阶段,Generator函数便是其中之一。异步编程的语法...原创 2019-08-14 08:04:21 · 233 阅读 · 0 评论 -
Vue中的Render
前言Vue中的render提供了一种以函数的方式写HTML的思路,比起template具有更强的可控性,也是一种更接近编译器的编写方式。在一些场景中,比如说开发组件库,包括数据模板渲染、组件按需加载、引入自定义组件插槽等等。这些时候我们往往需要用这种完全编程的方式来解决。本文提供render介绍和一些基本的实例。一、虚拟DOM谈到render函数就不得不先阐述清楚虚拟DOM:人人都...原创 2019-08-08 14:12:18 · 237 阅读 · 0 评论 -
荀令衣香--JavaScript全对象方法总结
前言对象(object)是 JavaScript 最重要的数据结构。ES6中的重大升级,更使其如虎添翼,关于数据结构本身的改变,详见《纵深精耕--ES6对JS对象的极大提升》。这次先把JS中的对象方法做一次最详全的展示。这篇的结构与拙文《拘神遣将--最详全的JS数组方法总结》相仿,在此省略赘述。开始之前,劣者依旧先将本文谈到的方法(21个)按讲解次序阵列下方,供读者参考:ES5:...原创 2019-07-28 17:51:26 · 297 阅读 · 0 评论 -
珠联璧合--ES6提供对JavaScript的Set和Map
前言现行的编程语言中,不论多寡,都会提供几种类型的数据集合支持。而在ES6 之前,JavaScript 仅提供了对数组的支持,显得有些捉襟见肘,特别是在以数组和对象为编程主力的JavaScript 语言中,就更为明显。沉淀过往的经验,考虑到未来的延展,ES6 中引入了4种新的数据结构,分别是:集合(Set)、弱集合(WeakSet)、映射(Map)、弱映射(WeakMap)。接下来,我们一...原创 2019-07-31 23:17:03 · 252 阅读 · 0 评论 -
纵深精耕--ES6对JS(JavaScript)对象的极大提升
前言众所周知,Javascript基于对象,并且万物皆对象。作为一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象,并且以对象和数组作为主力输出。毫不夸张地说,对象就是 JavaScript 最重要的数据结构。顺应其本身的发展,ES6中的对象迎来了极大地提升,本文将从八个方面去做详细阐述。一、简洁表示ES6 允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。...原创 2019-08-04 14:45:21 · 297 阅读 · 0 评论 -
拘神遣将--最详全的JavaScript数组方法总结
前言本文试图地将JS中包含的全部的数组方法尽数列举,介绍它们每一个的定义、用法,并附带一些实例甚至应用场景。因此篇幅不会很短,但绝不冗长。内容覆盖ES5和ES6中的31种数组方法 ,介绍顺序先ES5后ES6,对于相似方法会进行类比,但不会连带。为求准确,所有方法的描述文案均引自一些JS领域的权威,本文中引用的文案如下:ES5部分来自 《MDN(MozillaDeveloper...原创 2019-07-21 14:20:40 · 476 阅读 · 0 评论