JavaScript,简单、有趣、无处不在
2023-10-13 00:42:49
Hello, JavaScript!
JavaScript 是脚本语言,与 HTML 和 CSS 共同构成 Web 开发的三驾马车。它在浏览器中执行,赋予网页交互性和动态性。一段简单的 JavaScript 代码,如 "alert('Hello, world!')",可以在浏览器中显示一个弹出窗口,内容为 "Hello, world!"。
脚本标签和外部脚本
JavaScript 代码可以通过 <script>
标签嵌入 HTML 文档:
<html>
<head>
</head>
<body>
<script>
alert('Hello, world!');
</script>
</body>
</html>
更常见的做法是将 JavaScript 代码保存为外部文件,如 "script.js",并使用 <script>
标签链接:
<html>
<head>
</head>
<body>
<script src="script.js"></script>
</body>
</html>
代码结构
JavaScript 代码由语句组成,语句以分号 (;) 结尾。代码块用大括号 ({ }) 括起来。(如 if
、for
、function
)用于控制代码流。
声明变量
JavaScript 中的变量使用 var
、let
或 const
关键字声明。var
用于全局变量和函数作用域内的变量,let
用于块作用域内的变量,const
用于不可变常量。
var globalVar = 1;
let blockVar = 2;
const constant = 3;
数据类型
JavaScript 是动态语言,变量可以存储不同类型的数据,包括:
- 数字(
number
) - 字符串(
string
) - 布尔值(
boolean
) - 数组(
array
) - 对象(
object
)
操作符
JavaScript 提供广泛的操作符,包括:
- 算术(+、-、*、/、%)
- 比较(==、!=、<、>、<=、>=)
- 逻辑(&&、||、!)
- 赋值(=、+=、-=、*=、/=、%=)
控制流
控制流结构用于控制代码执行流程,包括:
- 条件语句(
if
、else
、switch
) - 循环(
for
、while
、do-while
)
函数
JavaScript 中的函数是可重用的代码块,可接受输入(参数)并返回输出(结果)。函数使用 function
关键字声明。
function greet(name) {
return `Hello, ${name}!`;
}
现代 JavaScript ("use strict")
"use strict" 是一个指令,可启用 JavaScript 的严格模式,它会强制执行更严格的语法和错误处理。建议在所有 JavaScript 代码中使用它。
浏览器控制台
浏览器控制台是一个用于调试和测试 JavaScript 代码的强大工具。它可以通过按 F12 或使用浏览器的开发者工具菜单访问。
总结
JavaScript 是一种简单、有趣且无处不在的编程语言。它为现代网络赋能,使交互式网页、动态用户界面和复杂的应用程序成为可能。本文只是 JavaScript 旅程的开始,通过继续学习和探索,你可以释放它的全部潜力,成为一名熟练的 Web 开发人员。