返回

JavaScript,简单、有趣、无处不在

前端

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 代码由语句组成,语句以分号 (;) 结尾。代码块用大括号 ({ }) 括起来。(如 ifforfunction)用于控制代码流。

声明变量

JavaScript 中的变量使用 varletconst 关键字声明。var 用于全局变量和函数作用域内的变量,let 用于块作用域内的变量,const 用于不可变常量。

var globalVar = 1;
let blockVar = 2;
const constant = 3;

数据类型

JavaScript 是动态语言,变量可以存储不同类型的数据,包括:

  • 数字(number
  • 字符串(string
  • 布尔值(boolean
  • 数组(array
  • 对象(object

操作符

JavaScript 提供广泛的操作符,包括:

  • 算术(+、-、*、/、%)
  • 比较(==、!=、<、>、<=、>=)
  • 逻辑(&&、||、!)
  • 赋值(=、+=、-=、*=、/=、%=)

控制流

控制流结构用于控制代码执行流程,包括:

  • 条件语句(ifelseswitch
  • 循环(forwhiledo-while

函数

JavaScript 中的函数是可重用的代码块,可接受输入(参数)并返回输出(结果)。函数使用 function 关键字声明。

function greet(name) {
  return `Hello, ${name}!`;
}

现代 JavaScript ("use strict")

"use strict" 是一个指令,可启用 JavaScript 的严格模式,它会强制执行更严格的语法和错误处理。建议在所有 JavaScript 代码中使用它。

浏览器控制台

浏览器控制台是一个用于调试和测试 JavaScript 代码的强大工具。它可以通过按 F12 或使用浏览器的开发者工具菜单访问。

总结

JavaScript 是一种简单、有趣且无处不在的编程语言。它为现代网络赋能,使交互式网页、动态用户界面和复杂的应用程序成为可能。本文只是 JavaScript 旅程的开始,通过继续学习和探索,你可以释放它的全部潜力,成为一名熟练的 Web 开发人员。