📅  最后修改于: 2023-12-03 15:07:29.818000             🧑  作者: Mango
JavaScript 是一门广泛应用于 Web 前端开发的编程语言,也可以用于后端开发、游戏开发等领域。
JavaScript 的语法受到了 C 语言和 Java 等语言的影响,但也有自己的独特之处。
使用 var
、let
或 const
关键字声明变量,其中 var
是旧版标准,let
和 const
是 ES6 标准新增的关键字。let
声明的变量可以重新赋值,而 const
声明的变量不可重新赋值。
var name = "Harry";
let age = 30;
const gender = "male";
JavaScript 的数据类型分为基本类型和引用类型,基本类型包括数字、字符串、布尔值、null 和 undefined,引用类型则包括对象、数组等。
let num = 10; // 数字
let str = "Hello"; // 字符串
let bool = true; // 布尔值
let n = null; // 空值
let u; // 未定义
let obj = {}; // 对象
let arr = []; // 数组
JavaScript 支持的运算符包括算术运算符、比较运算符、逻辑运算符等。其中,比较运算符中的等于号 ==
和不等于号 !=
可能会出现类型转换,建议使用全等于号 ===
和不全等于号 !==
来避免此类问题。
let a = 10;
let b = 20;
let c = "10";
console.log(a + b); // 30
console.log(a > b); // false
console.log(a == c); // true
console.log(a === c); // false
JavaScript 中的函数也是一种对象,可以通过函数名调用,也可以作为参数传递。可以使用 function
关键字定义函数,也可以使用箭头函数。
function add(x, y) {
return x + y;
}
let sum = add(1, 2); // 3
let multiply = (x, y) => x * y;
JavaScript 通常与 HTML 和 CSS 结合使用,实现 Web 页面的交互效果。以下是使用 JavaScript 实现一个简单的按钮点击事件:
<!DOCTYPE html>
<html>
<head>
<title>Button</title>
</head>
<body>
<button id="btn">Click me</button>
<script>
let btn = document.getElementById("btn");
btn.addEventListener("click", () => {
alert("Button clicked!");
});
</script>
</body>
</html>
运行后,点击按钮会弹出一个对话框,显示 "Button clicked!"。
JavaScript 作为一门广泛使用的编程语言,具有丰富的语法和强大的应用场景。学习好 JavaScript 对于 Web 前端开发者来说非常重要。