搜寻文章分类:JavaScript

箱子符号

了解 ES6 JavaScript 中的内建数据结构: Map

JavaScript ES6 中有一个用法与对象近似的数据结构我一直不是很清楚用途。—— Map,这篇文章将比较常见的对象与 Map,以辨别 Map 的特性与使用时机。总的来说可以把 Map 当作是用来频繁读写的对象,它具备更好的性能、更明确的语法。

方框上有代码的符号

如何使用 JavaScript 条件运算子?

流程控制是程式语言中基础不可少的概念之一,除了使用if、else 之外,JavaScript 还提供一个简洁的写法,就是条件(三元)运算子,顾名思义,由三个片段所组成,分别是:「条件、成功流程与失败流程」。用更精简的语法来撰写流程控制,条件运算子是常见且必学的语法之一

计算符号

了解 JavaScript 陈述式与表达式

讲解中「表达式」与「陈述式」的区别。表达式会产生一个值,而陈述式则是执行动作。表达式必须存在于某个陈述式中才能被使用。我回过头来才发现表达式与陈述式的重要性,了解 JavaScript 底层的逻辑对我们使用像是 React 这类框架也有帮助。

扩张符号

从动图与实例学会解构语法糖

通过解构语法可以快速取出当前数组或对象的数据,是个常见且必学的语法糖。通过解构可以快速取出当前数组或对象的数据,并且可以将取出的数据重新命名,让代码更简洁,是个简单方便的语法,举几个实际例子就会发现它的用处很多且很好懂。

缩放符号

展开与其余运算子,三个点是什么魔法?

通过学习 ES6 推出的展开与其余运算子,在许多场合可以更直觉易读的编写相同的代码,通过动图与实际案例来了解它们的用途吧。语法一模一样都是三个点,但在不同的位置会有不同的效果,这篇文章也会介绍展开运算子 (Spread Operator) 与其余运算子 (Rest Operator) 之间的差异。

方框上有代码的符号

不要再使用 == 了,改使用 === 吧!

绝大多数时候你不会想要使用「松散比对」,尝试使用「严格的比对」将程序撰写得严谨精确一些。在绝大多数的情况下,你不会想要使用松散比对,但是在某些情况下,可能会使用它会更为便利,本篇文章将介绍相关取舍,以及你可以在什么时候使用不同的比较方式。

文字片段与放大镜符号

JavaScript 五个步骤制作搜寻功能

搜寻列是普遍输入资料于 HTML 中最常用的方式之一,让我们学会如何使用它。本篇文章将会练习从无到有包含介面制作一个搜寻框,可以输入结果并比对现有资料显示关联的内容,是一个非常适合 JavaScript 新手的一道实用练习题目。

+1符号

JavaScript 五个步骤制作计数器

计数器是入门各大框架基本会见到的习题,可以说是任何 App 最低限度的功能展示。这次使用原生的 JavaScript 来重现该题目,并且一步一步的思考并改善结果,本篇文章将会练习制作一个具备加、减、重制功能的 JavaScript 计数器。

方框上有代码的符号

使用可选链安全访问不确定的数据

学习任选串联语法可以让我们安全的访问某个询问且的对象属性,即使其属性并不存在也不会导致错误。访问对象属性对开发者来说是一件非常直觉的事情。做的事,但当数据的来源不稳定时,如果使用第三方来源的数据或用户输入,应该如何避免因使用不存在的值而出现的错误呢?来试试看任选染色体语法。