11.【课堂笔记】 JavaScript

JavaScript中，对象的表示方式与JSON格式非常相似，是一种轻量级的数据交换格式。JSON对象可以通过键值对来存储数据，键必须是字符串，值可以是各种数据类型，包括基本类型和引用类型。 在JavaScript中，引用类型指的是那些具有属性和方法的对象。它们是通过引用而不是值来传递的。这意味着，当你将一个对象赋值给另一个变量时，两个变量都将指向内存中的同一个对象。例如： ```javascript var student = {name: "Tom", age: 20}; var anotherStudent = student; anotherStudent.age = 21; console.log(student.age); // 输出21 ``` 在这个例子中，`student` 和 `anotherStudent` 都引用了同一个对象。当我们修改 `anotherStudent` 的属性时，`student` 的属性也随之改变，因为它们指向同一个内存地址。 2.4 运算符 JavaScript 支持多种运算符，包括算术运算符（+、-、*、/、%）、比较运算符（==、!=、===、!==、<、>、<=、>=）、逻辑运算符（&&、||、!）以及赋值运算符（=、+=、-=、*=、/=、%=）等。例如： ```javascript var x = 5; var y = 3; var z = x + y; // z现在等于8 ``` 2.5 控制结构 JavaScript 中的控制结构包括条件语句（if...else、switch）、循环语句（for、while、do...while）和跳转语句（break、continue）。例如，使用 if...else 实现条件判断： ```javascript var score = 90; if (score >= 90) { console.log("优秀"); } else if (score >= 60) { console.log("及格"); } else { console.log("不及格"); } ``` 2.6 函数 函数是可重用的代码块，可以接收参数并返回结果。在JavaScript中，函数的声明方式如下： ```javascript function greet(name) { console.log("Hello, " + name); } greet("World"); // 输出 "Hello, World" ``` 2.7 对象和数组 JavaScript 中的数组是一个有序的元素列表，可以存储任意类型的数据。对象则是一组键值对的集合。例如： ```javascript var students = ["Tom", "Jerry", "Spike"]; var person = { name: "Tom", age: 20, hobby: "Drawing" }; console.log(students[0]); // 输出 "Tom" console.log(person.name); // 输出 "Tom" ``` 2.8 事件和函数绑定 JavaScript 用于网页交互的一个重要特性是事件处理。通过将函数绑定到HTML元素的特定事件（如点击、鼠标移动等），可以在用户执行某些操作时执行相应的代码。例如，添加一个点击事件监听器： ```html <button id="myButton">点击我</button> <script> document.getElementById("myButton").addEventListener("click", function() { alert("按钮被点击了！"); }); </script> ``` 3. ES6新特性 ECMAScript 6（ES6）引入了许多新的语法特性，如箭头函数、模板字符串、let和const变量、解构赋值、类和模块等。例如，使用箭头函数简化回调函数： ```javascript var numbers = [1, 2, 3]; var evenNumbers = numbers.filter(num => num % 2 === 0); console.log(evenNumbers); // 输出 [2] ``` 总结，JavaScript 是一种功能强大的编程语言，广泛应用于网页和网络应用开发。从基本语法到高级特性，JavaScript 提供了丰富的工具和技术来创建交互式和动态的网页内容。通过深入学习和实践，你可以掌握这门语言，并利用其能力构建复杂的前端应用。