基础知识——在 5 分钟内了解 Javascript 基础知识。

对新开发人员的快速且有价值的 Javascript 审查。

如果你和我一样，你喜欢编码，但在学习新事物几天后很难记住基本概念。我发现创建像这样的基本备忘单很有帮助，当事情开始在大脑中变得有点模糊时重新审视。当然，您可以在其他地方的教科书中学习或找到本指南的更多内容。但是，如果您已经非常熟悉 javascript，那么这将是一个很棒的 审查 当事情开始变得有点模糊加班时重新审视。

我喜欢每周在休息时间看一次，这样就不会觉得这是一件苦差事。我也喜欢加一点 昂首阔步 到我的笔记上，这样感觉就像我正在与朋友而不是与机器进行愉快的交谈，也就是一本无聊的教科书。所以放松并享受阅读。一旦您了解了基础知识，Javascript 实际上就非常酷。哇。我不敢相信我刚才这么说。我们已经在进步了！

书呆子警报。

好的，我们开始吧。

Teamwork make the dreamwork.

Javascript 允许我们在网页上提供功能。它由内置在 Web 浏览器中的引擎解释。它将网页上的元素视为可以操作以提供交互式用户体验的对象。

与所有其他编程语言一样，Javascript 使用变量，这些变量是可以在其中存储和稍后使用数据的容器。与其他编程语言不同，Javascript 变量易于使用，因为它们可以包含任何类型的数据（布尔值、数字、字符串、函数、对象）。

这里是 一些 的棘手的东西。重要的是，将 = 运算符视为“赋值”而不是“等于”，以避免与用于比较两个值的 === 相等运算符混淆。组合的 += 赋值运算符以及其他对应运算符分别对第一个变量执行算术运算，使其成为新的存储值。示例：a += b 等价于 a = (a+b)。

等式 (=) 和不等式 (!) 运算符在比较两个值以执行“条件分支”时很有用，其中脚本将根据返回的结果遵循特定方向。大于 (>) 和小于运算符通常用于在编程循环中测试计数器变量的值。逻辑运算符用于具有布尔值 true 或 false 的操作数，或者可以转换为 true 或 false 的值（&&、||、！）。

现在谈谈好东西……

任何计算机程序的进程都依赖于对条件的测试来决定流动的方向。每个测试可能会根据测试的结果呈现一个或多个“分支”以继续。 javascript 中的基本条件测试是使用 if 关键字（if 语句）执行的，该关键字测试布尔真或假结果的条件。编程循环是一个代码块，它测试一个条件并在测试结果保持为真时重复执行一个或多个语句（while 语句）。

然后是数组。我的馅饼上的苹果……我的意思是眼睛:)。

变量能够仅存储一个值或多个值，这些值在 javascript 中定义为一个数组。数组变量将值存储在方括号内的单独“元素”中。数组元素已经从零开始编号（从零开始的索引）。您可以通过在数组变量名称后面的方括号中声明其元素索引号来从数组中获取一个值。示例：汽车 [ 0 ]

数组变量有一个有用的长度属性，可以自动存储数组中元素的数量。你猜怎么着？数组和循环是完美的合作伙伴。循环可用于用值填充数组的元素。类似地，循环可用于快速读取每个数组元素中的值，并在每次循环时执行适合该值的操作。

不要离开。我们还是要讲一下前面提到的那些功能。这将是你的面包和黄油。还有奶酪、火鸡、lettu……好吧，没关系，我饿了-_-。

hungry coder….

javascript 函数只是一个命名的代码块，可以随时调用它来执行它包含的语句。 javascript 函数代码块以 javascript function 关键字开头，后跟空格和您选择的名称，然后是一对圆括号。函数名后面的圆括号 ( ) 可以包含一个“参数”——这就像一个变量，因为它可以存储要在函数语句中使用的值。发送给函数的值称为“参数”。此外，通过在函数代码块中添加 return 语句，可以使函数也将值发送回调用者。 return 语句可能是对发送给函数参数的参数值执行的某些操作的结果。另一个巧妙的事情是函数语句可以调用其他函数，但它们也可以调用它们出现的函数。这些被称为“递归”函数，其作用类似于循环，在每次传递时执行它包含的语句。

好东西。让我们继续下去。

Javascript 提供了许多可以调用以与用户交互的标准内置函数：confirm()、prompt()、new Date()、parseInt()、parseFloat()、toString()、math.round()、math .floor()、math.ceil()、math.max()、math.min()、math.random() 和 setTimeout()。

最后但并非最不重要。是时候认识 DOM 了。

“You can think of the DOM as a hierarchical structure of objects…” (Image Source : geeksforgeeks.org)

当您在浏览器中打开网页时，它会构建一个称为 DOM（文档对象模型）的项目家族树。 DOM 的文档对象提供了三个有用的方法，可以让您获取对 HTML 文档中元素的引用。第一个是 document.getElementById( )，它允许您使用对象的 id 属性值获取对对象的引用。第二种方法是 document.getElementByTagName( )，它获取作为参数给出的标签名称的所有元素的数组。最后一个方法是 document.getElementByClassName( ) ，它获取作为其参数给出的类名的所有元素的数组。

我们可以通过将 HTML 标签事件属性（例如 onclick）替换为 javascript“事件侦听器”来将功能与结构分离。一旦我们有一个元素的对象引用，我们就可以向该对象添加一个 addEventListener() 方法，让它响应用户操作。此方法需要在其 () 圆括号中的两个参数来说明它应该侦听的事件类型，以及在该事件发生时调用的函数的名称。

Javascript 也有一个有用的 indexOf( ) 方法，它需要在其圆括号中的字符串参数，并且当内容包含该字符串时将返回一个正整数。另一种方法是 preventDefault( ) ，它将禁用 Web 浏览器在任何给定函数中的通常行为。

只要多一点点…。

一旦您在 javascript 代码中引用了元素，您就可以设置值以动态更改其功能的状态：style.background、style.color、style.visibility、.disabled、.innerText 或 .innerHTML。

The finish line.

就是这样！我们完成了。我希望你喜欢这个快速回顾。如果您觉得这有帮助，请与您的朋友分享并鼓掌。

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/2048/33183103