📜  听听 javascript (1)

📅  最后修改于: 2023-12-03 15:07:29.818000             🧑  作者: Mango

听听 JavaScript

JavaScript 是一门广泛应用于 Web 前端开发的编程语言,也可以用于后端开发、游戏开发等领域。

语法

JavaScript 的语法受到了 C 语言和 Java 等语言的影响,但也有自己的独特之处。

变量声明

使用 varletconst 关键字声明变量,其中 var 是旧版标准,letconst 是 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 前端开发者来说非常重要。