📅  最后修改于: 2023-12-03 14:42:41.472000             🧑  作者: Mango
JavaScript是一种具有广泛应用的高级编程语言。它主要用于前端开发,但也可以用于后端开发、游戏开发和桌面应用程序等。
JavaScript语法简单易懂,与其他编程语言相似。以下是一些基本的语法和常用的数据类型:
// 输出信息到控制台
console.log("Hello, JavaScript!");
// 声明变量并赋值
let name = "John";
const age = 25;
var pi = 3.14;
// 数字类型
let number = 10;
// 字符串类型
let message = "Hello, World!";
// 布尔类型
let isTrue = true;
let isFalse = false;
// 数组类型
let fruits = ["apple", "banana", "orange"];
// 对象类型
let person = {
name: "John",
age: 25,
isStudent: true
};
JavaScript支持各种控制流语句和循环,使你能够根据条件执行不同的代码块,并多次执行特定的代码块。
// 条件语句
if (age >= 18) {
console.log("You are an adult.");
} else if (age >= 13) {
console.log("You are a teenager.");
} else {
console.log("You are a child.");
}
// 循环语句
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
// 迭代数组
fruits.forEach(function(fruit) {
console.log(fruit);
});
JavaScript允许你将代码封装到函数中,并重复使用。模块化开发使得代码易于维护和复用。
// 定义函数
function sayHello(name) {
console.log("Hello, " + name + "!");
}
// 调用函数
sayHello("John");
// 导出模块
export function add(a, b) {
return a + b;
}
// 导入模块
import { add } from "./math.js";
console.log(add(2, 3)); // 输出: 5
JavaScript可以操作网页的DOM结构,并对用户的交互做出响应。你可以改变网页内容、样式和行为。
<body>
<h1 id="title">Hello, JavaScript!</h1>
<button id="button">Click me</button>
</body>
<script>
// 获取元素并修改内容
const title = document.getElementById("title");
title.innerHTML = "Welcome to JavaScript World!";
// 添加事件处理程序
const button = document.getElementById("button");
button.addEventListener("click", function() {
console.log("Button clicked!");
});
</script>
以上只是JavaScript的基础知识。学习JavaScript还有很多方面需要探索,如面向对象编程、异步编程等。开始学习JavaScript吧,你将打开无限可能的大门!