JavaScript入门知识复习

阳光穿透心脏的1/2处 2022-05-21 02:56 186阅读 0赞

1.        脚本语言：一种专门为在一种存在的实体或系统上操作而设计的编程语言。

2.        JavaScript 引擎：能够理解和执行JavaScript 代码的程序或解释器。同义词：JavaScript 解释器，JavaScript 的实现。

3.        JavaScript 运行时：JavaScript代码运行所在的环境，并为 JavaScript 引擎所解释。运行时提供了 JavaScript 可以运行和操作的宿主对象。同义词：宿主环境。

4.        对于服务器端来说，JavaScript 运行时是 Node.js 。服务器相关的宿主对象，如文件系统、处理和请求都在 Node.js 中被提供。

5.        ES6 和 ES2015 是对同一件事情的两个不同的名字。

6.        ECMAScript 是基于JavaScript 的，而同时 JavaScript 又是基于 ECMAScript 的。

7.        画布 \[Canvas\] 和 WebGL APIs 允许你创建生动的 2D 和 3D 图像。

8.        在编程环境中，你或许听说过这两个术语解释 \[interpreted\] 和编译 \[compiled\]。JavaScript 是一个解释语言——代码从上到下运行，而运行的结果会马上被返回。在浏览器运行代码前，你不必先把它转化为其他形式。

9.        break labelname; continuelabelname; continue 语句（带有或不带标签引用）只能用在循环中。break 语句（不带标签引用），只能用在循环或 switch 中。通过标签引用，break 语句可用于跳出任何 JavaScript 代码块。

10.    在JavaScript中，所有代码指令都会以分号结尾 (;) —如果忘记加分号，你的单行代码可能执行正常，但是在多行代码在一起的时候就可能出错。所以，最好是养成主动以分号作为代码结尾的习惯。

11.    一个可靠的命名约定叫做 "小写驼峰命名法"，用来将多个单词组在一起，小写整个命名的第一个字母然后大写剩下单词的首字符。

12.    Try editing some of your DOMnow. Double-click an element, or right-click it and choose Edit as HTML fromthe context menu. You can make any changes you'd like, but you cannot save yourchanges.

13.    一般来说，当您的代码出错的时候，您会遇到两种主要的错误类型：语法错误：这是您的代码的拼写错误，实际上导致程序不能运行在所有或停止通过工作的一部分，这样您通常会用一些提供的错误消息找到修复的方法，只要您熟悉正确的工具，知道错误消息的意思！逻辑错误：这些错误，其中语法实际上是正确的，但代码是不是你想要的，这意味着项目成功运行，但会产生不正确的结果。这些通常比语法错误更难以修复，因为通常没有错误指向错误源。

14.    事件是您在编程时系统内的发生的动作或者发生的事情—系统会在事件出现的时候触发某种信号并且会提供一个自动加载某种动作（列如：运行一些代码）的机制。

15.    每个可用的事件都会有一个事件处理器，也就是事件触发时会运行的代码块。当我们定义了一个用来回应事件被激发的代码块的时候，我们说我们注册了一个事件处理器。注意事件处理器有时候被叫做事件监听器——从我们的用意来看这两个名字是相同的，尽管严格地说来这块代码既监听也处理事件。监听器留意事件是否发生，然后处理器就是对事件发生做出的回应。

16.    querySelector() 方法返回文档中匹配指定CSS 选择器的一个元素。 querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

17.    <buttonοnclick="bgChange()">Press me</button>行内事件处理器 - 请勿使用。

18.    添加事件监听器btn.addEventListener('click', bgChange);

19.    移除事件监听器btn.removeEventListener('click', bgChange);

20.    有时候在事件处理函数内部，您可能会看到一个固定指定名称的参数，例如event，evt或简单的e。这被称为事件对象，它被自动传递给事件处理函数，以提供额外的功能和信息。

21.    当一个事件发生在具有父元素的元素上(例如，在我们的例子中是<video>元素)时，现代浏览器运行两个不同的阶段 - 捕获阶段和冒泡阶段。在捕获阶段：浏览器检查元素的最外层祖先<html>，是否在捕获阶段中注册了一个onclick事件处理程序，如果是，则运行它。然后，它移动到<html>中的下一个元素，并执行相同的操作，然后是下一个元素，依此类推，直到到达实际点击的元素。在冒泡阶段，恰恰相反:浏览器检查实际点击的元素是否在冒泡阶段中注册了一个onclick事件处理程序，如果是，则运行它；然后它移动到下一个直接的祖先元素，并做同样的事情，然后是下一个，等等，直到它到达<html>元素。

22.    在现代浏览器中，默认情况下，所有事件处理程序都在冒泡阶段进行注册。

23.    标准事件对象具有可用的名为 stopPropagation()的函数, 当在事件对象上调用该函数时，它只会让当前事件处理程序运行，但事件不会在冒泡链上进一步扩大，因此将不会有更多事件处理器被运行(不会向上冒泡)。

24.    冒泡还允许我们利用事件委托——这个概念依赖于这样一个事实,如果你想要在大量子元素中单击任何一个都可以运行一段代码，您可以将事件监听器设置在其父节点上，并将事件监听器气泡的影响设置为每个子节点，而不是每个子节点单独设置事件监听器。

25.    函数与方法二者区别在于方法是在对象内定义的函数。