发布于 2026-01-06 0 阅读
0

我是如何发起 JavaScript DEV 的全球展示挑战赛(由 Mux 呈现):展示你的项目!

我是如何开始使用 JavaScript 的

由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

计算机科学界的各位爱好者们,大家好!

什么是 JavaScript?

JavaScript这可能是你开发者生涯中最重要的一步,然而,刚开始学习 JavaScript 时,它却是最难掌握的。我记得当时也感到困惑和沮丧。尽管如此,我还是要告诉你,这是正确的选择,你需要坚持下去。就像学习任何语言一样,只要有足够的时间和练习,你就能精通它。让我们保持坚强和决心。

JavaScript 由 Netscape 浏览器于 1995 年创建,它是一种为网站添加操作的方法。JavaScript 就像网站的动词,是行动号召。在 1995 年,JavaScript 的出现帮助浏览器在竞争中脱颖而出,并迅速成为行业标准ECMAScript。如今,几乎所有网站都大量使用 JavaScript,例如在亚马逊上将商品添加到购物车、在任何网站上登录账户、在 DEV 上点赞帖子、虚拟现实、机器人技术等等,所有这些都离不开 JavaScript 的支持。掌握这项技能将助您在职业生涯中走得更远,并为您开启无限可能。然而,学习 JavaScript 需要循序渐进,首先要明白它只是一个文件,您可以通过编写代码向计算机发出指令,告诉它如何执行您想要的操作。

JavaScript 原理

首先我们来谈谈控制台JavaScript types,它有七种类型primitive values,你可以在任何控制台中打开并尝试这些命令,例如,打开任何网站,右键单击,选择“检查元素”,然后打开控制台:

JavaScript 类型 示例
数字 2+2=4
细绳 “你好” + “世界”
布尔值 表示并给出真或假的结果
不明确的 当变量未赋值时使用。
无效的 该值表示有意省略任何对象值。
象征 返回一个符号类型的值,具有静态属性,这些属性公开了内置对象的多个成员。
目的 对象是用于存储称为属性或方法的命名值的容器,它们遵循名称:值对的原则。

其次,我们还有运算JavaScript Comparisons符,它们在布尔运算中非常有用,而且很容易理解,因为它们实际上只是将任何类型与另一种类型进行比较:

JavaScript 比较 示例
!== 3!==3 中的感叹号表示“非”,因此 3 不等于 3 将返回 false。
=== 3=3 不成立,因此总是 3===3
大于等于 3>=3,即三大于或等于三,将返回 true
<= 3<=3,即三小于或等于三,将返回 true
> 3>3 将返回 false
< 3<3 将返回 false

接下来,你要了解的JavaScript Variables是,JavaScript 的乐趣就此开始,程序是如何开始记住信息的。变量存储着一些数据,我们可以通过它来访问这些数据,例如:

var post = "This is my blog about starting JavaScript"
// Type in post now in console 
post
"This is my blog about starting JavaScript"
Enter fullscreen mode Exit fullscreen mode

这些变量非常重要,可以包含任何类型的内容。以下是调用它们的几种不同方式:

JavaScript 变量 示例
变量 var = "hello" 是声明变量的第一种也是最基本的方法
let= "hello" 是声明变量的全新改进版本
常量 const="hello" 与其他两个变量不同,这个变量不能修改,它不像其他变量那样可以互换,因此它是常量。

第四点是JavaScript Conditionals,这些条件语句用于控制和执行你在代码中编写的决策,以下是一些例子:

JavaScript 条件语句 示例
如果 基本上,如果这是正确的,那就是对的,没错。
别的 如果不是 if 语句,或者稍后执行 else if 语句,最后运行此语句。
否则如果 计算机会在 if 和 else 语句之后运行,以检查运行该语句是否正确。

例如:

var name = "Billy"
if (name === "Billy") {
   alert("hi Billy!");
}
Enter fullscreen mode Exit fullscreen mode

PS all alert() 的作用是向用户弹出一个窗口,显示信息是正确的,因此在控制台中运行时,计算机将返回一个弹出窗口,上面写着“嗨,比利!”。

接下来是logical operatorsJavaScript 中的三种类型。虽然它们被称为“逻辑”类型,但它们可以应用于任何类型的值,而不仅仅是布尔值。它们的结果也可以是任何类型的。让我们来看一下:

JavaScript 逻辑运算符 示例
和& AND 运算符用两个 & 符号表示。当两个操作数均为真时,AND 运算符返回 true;当两个操作数均为假时,AND 运算符返回 false。
“//” OR 运算符仅用于操作布尔值。如果它的任何一个参数为真,则返回 true;否则返回 false。
布尔非运算符用感叹号 ! 表示。它将操作数转换为布尔类型:true/false。返回相反的值。

最后,我们JavaScript Functions来学习 JavaScript 中最重要的几个值,它们用于执行所有操作。这些值是执行操作的代码片段,没有它们,JavaScript 几乎无法运行。这些操作可以执行一个或多个。所有函数后面都跟着括号 (),用于调用函数;后面跟着花括号 {},用于指定传递给函数的参数。以下是不同类型的函数:

JavaScript 函数 示例
var a = 函数名() {} 函数声明
函数名 () {} 匿名函数
返回 这个函数会返回一个值,这一点很重要,它可以确保函数按预期运行。
console.log() Console 方法 log() 会将消息输出到 Web 控制台。

功能说明图
替代文字

希望现在你对 JavaScript 有了更深入的了解,并且意识到它远不止这些基本原理和基础知识,你需要练习并掌握它们,才能顺利地继续学习。我希望这没有你想象的那么难,因为我一开始也确实觉得很难。如果你现在还没完全掌握,那就继续练习,做一些有趣又简单的项目,我相信这些项目能以一种不那么令人沮丧的方式最大限度地提高你的理解和掌握程度。感谢阅读,记住,继续编程!

文章来源:https://dev.to/javiercuat/how-i-started-javascript-39kf