HLJ 发布于
2025-06-10 17:21:09
1阅读

JavaScript 基础知识: Hello, world!

JavaScript 基础知识: Hello, world!

什么是JavaScript?

JavaScript是一种轻量级的解释型编程语言,主要用于网页开发,使网页具有交互性。它是Web的三大核心技术之一,与HTML和CSS并列。

第一个JavaScript程序: Hello, world!

在JavaScript中,有几种方式可以输出"Hello, world!":

1. 使用浏览器控制台

console.log("Hello, world!");

2. 在HTML页面中使用

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Hello World</title>
</head>
<body>
    <script>
        alert("Hello, world!"); // 弹出对话框
    </script>
</body>
</html>

3. 修改HTML内容

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Hello World</title>
</head>
<body>
    <p id="demo"></p>
    
    <script>
        document.getElementById("demo").innerHTML = "Hello, world!";
    </script>
</body>
</html>

JavaScript基本语法

变量声明

// ES5方式
var message = "Hello, world!";

// ES6方式 (推荐)
let message = "Hello, world!";
const PI = 3.14159; // 常量

数据类型

// 字符串
let str = "Hello";

// 数字
let num = 123;

// 布尔值
let isTrue = true;

// 数组
let arr = [1, 2, 3];

// 对象
let obj = {name: "John", age: 30};

// Null和Undefined
let empty = null;
let notDefined;

函数

function sayHello(name) {
    return "Hello, " + name + "!";
}

console.log(sayHello("world")); // 输出: Hello, world!

现代JavaScript (ES6+) 特性

箭头函数

const sayHello = name => `Hello, ${name}!`;
console.log(sayHello("world")); // 输出: Hello, world!

模板字符串

let name = "world";
console.log(`Hello, ${name}!`); // 输出: Hello, world!

解构赋值

let [a, b] = [1, 2];
console.log(a, b); // 输出: 1 2

这只是JavaScript的基础入门,要掌握JavaScript还需要学习更多概念如DOM操作、事件处理、异步编程等。

当前文章内容为原创转载请注明出处:http://www.good1230.com/detail/2025-06-10/758.html
最后生成于 2025-06-13 16:37:07
此内容有帮助 ?
0