javascript速成教程，各种小例子

JavaScript，一种广泛应用于Web开发的脚本语言，是前端开发的核心技术之一。它以其灵活性、易学性和强大的功能，使得网页交互变得生动有趣。本速成教程旨在通过一系列小例子帮助初学者快速掌握JavaScript的基本概念和常用技巧。 一、变量与数据类型 在JavaScript中，我们使用`var`、`let`或`const`关键字声明变量。数据类型包括基本类型（如字符串、数字、布尔值、null、undefined）和引用类型（如对象、数组、函数）。例如： ```javascript let name = "John"; // 字符串 let age = 30; // 数字 let isStudent = true; // 布尔值 let nothing = null; // null let undefinedVar; // undefined let person = {name: "John", age: 30}; // 对象 let numbers = [1, 2, 3]; // 数组 ``` 二、运算符与表达式 JavaScript支持算术、比较、逻辑等多种运算符。例如： ```javascript let sum = 5 + 3; // 算术运算 let isEqual = (age === 30); // 比较运算 let isOlder = (age > 18) && (age < 60); // 逻辑运算 ``` 三、控制流语句 包括条件语句（if...else）、循环（for、while、do...while）和开关语句（switch）。例如： ```javascript if (age >= 18) { console.log("成年人"); } else { console.log("未成年人"); } for (let i = 0; i < 5; i++) { console.log(i); } while (i < 10) { console.log(i++); } do { console.log(i++); } while (i < 10); ``` 四、函数 JavaScript中的函数是一种可重复使用的代码块。可以使用`function`关键字定义，也可以使用箭头函数（=>）。例如： ```javascript function greet(name) { console.log("你好, " + name); } greet("John"); // 箭头函数 let add = (x, y) => x + y; console.log(add(2, 3)); // 输出5 ``` 五、对象与原型 JavaScript的对象是键值对的集合，可以动态添加属性。原型（prototype）用于实现继承。例如： ```javascript let user = { name: "Alice", age: 25, sayHello: function() { console.log("我是" + this.name); } }; user.sayHello(); // 输出"我是Alice" // 继承 let student = Object.create(user); student.grade = 1; student.sayHello(); // 输出"我是Alice" ``` 六、数组方法 JavaScript的数组拥有丰富的操作方法，如push、pop、shift、unshift、slice、splice等。例如： ```javascript let fruits = ["apple", "banana", "orange"]; fruits.push("grape"); // 添加元素 console.log(fruits); // 输出["apple", "banana", "orange", "grape"] fruits.splice(1, 1, "pear"); // 替换第二个元素 console.log(fruits); // 输出["apple", "pear", "orange", "grape"] ``` 七、事件处理 在浏览器环境中，JavaScript可以监听用户交互，如点击、鼠标移动等。例如： ```html <button id="myButton">点击我</button> <script> document.getElementById("myButton").addEventListener("click", function() { alert("按钮被点击了！"); }); </script> ``` 以上只是JavaScript基础知识的一部分，实际应用中还有模块、异步编程、闭包、正则表达式等复杂概念。通过不断实践和学习这些小例子，你将逐步掌握JavaScript，并能运用到实际项目中。