JavaScript 是一种轻量级的面向对象语言,广泛用于 Web 开发、Web 应用程序、游戏开发等领域。它能够让静态网页实现动态交互,这是仅靠 HTML 和 CSS 无法做到的。JavaScript 的体系非常庞大,甚至连中级专业开发者有时也会感到棘手,这很大程度上源于市场的高需求。除了编写函数或类之外,掌握不同的技能组合才是真正能改变游戏规则、助你职业生涯更上一层楼的关键。
!Top-10-JavaScript-Fundamentals-That-Every-Developer-Should-Know
鉴于学习 JavaScript 有诸多好处,且它又是当下最重要、需求最大的编程语言之一,让我们来探讨一些 2023 年开发者应该了解的有用的 JavaScript 基础知识。
1. 类型转换
在 JavaScript 中,主要使用五种数据类型。它们分别是:
- Number(数值):该数据类型表示数值类型的值。例如:100, 13
- String(字符串):由字符组成。它始终包含在双引号(“ ”)中。例如:“GeeksForGeeks”, “JavaScript”
- Boolean(布尔值):在这些数据类型中,只有两个值 true 和 false。
例如:true, false
- Undefined(未定义):它只能表示一个未定义的值,即该变量尚未被定义。
例如:undefined
- Object(对象):它基本上是数据的集合,通过键值对来表示。
> 示例:const person={
> Name:” Ram”,
> Age:30,
> Language:” JavaScript”
> }
我们在 JavaScript 中主要使用三种函数来进行数据类型转换。
- Number()
- String()
- Boolean()
接下来,我们将简要讨论这些内置函数。
A. 转换为数值类型: 当我们将给定的输入值转换为 number 类型时,会使用 Number () 函数。但是,如果我们想将给定的输入转换为 int 或 float 类型,则必须使用 parseInt() 函数将其转换为 int 类型,使用 parseFloat() 函数将其转换为 float 类型。
转换为数值类型的语法:
JavaScript
CODEBLOCK_d68116a6
输出结果
Before conversion String type 1 and after conversion Number type 1
Before conversion Boolean type true and after conversion Number type 1
B. 转换为字符串类型: 在 JavaScript 中,字符串被视为一个对象。当我们想要将给定的输入值转换为 string 类型时,会使用 String () 函数。如果我们在该函数中传入任何字符、数字等,它将被转换为字符串。
转换为字符串类型的语法:
JavaScript
CODEBLOCK_c09f5206
输出结果
Before conversion Number type 1 and after conversion String type 1
Before conversion Boolean type true and after conversion String type true
C. 转换为布尔类型: 当我们需要将给定的输入值转换为 boolean 类型时,会使用 Boolean() 函数。
转换为布尔类型的语法:
JavaScript
CODEBLOCK_dbadee7d
输出结果
Before conversion Number type 1 and after conversion Boolean type true
Before conversion String type true and after conversion Boolean type true
2. 循环
如果你想打印从 1 到 10 的数字,那么你必须一次又一次地编写相同的代码 10 次。但如果你想打印从 1 到 1000 的数字,那就不可能写得出来了。这就是我们需要 JavaScript 循环 的原因。
JavaScript 中主要使用三种类型的循环:
- For 循环
- While 循环
- Do-while 循环
A. for 循环
for 循环包含三个部分。首先是初始表达式,然后是条件,最后是更新表达式。在初始表达式中,我们初始化或声明一个变量,它只执行一次。每次迭代都会检查条件。当条件语句为 true 时,for 循环内的代码块才会执行。如果条件为 false,循环将终止。更新表达式用于在每次迭代中更新初始表达式。
语法:
for (initial expression; condition; update expression) {
//code block of the loop;
}
示例
JavaScript
CODEBLOCK_3816536c