JavaScript函数与对象基础入门

在JavaScript编程中，函数和对象是两个核心概念，它们在实现程序的逻辑和数据管理方面发挥着关键作用。 ### JavaScript函数 **函数** 是JavaScript中的可重用代码块，用于封装特定功能并可以接受输入（参数）并可能返回值。函数的定义使用`function`关键字，其基本语法如下： ```javascript function 函数名() { // 函数体 (执行代码) } ``` - **函数名**：一个标识符，用于后续调用该函数。 - **参数**：函数内部使用的变量，外部传递给函数的数据。如示例中的`myFunction2(name)`，`name`就是参数。 - **函数体**：函数执行的具体操作，如`alert("函数执行了！")`。 - **调用函数**：通过函数名后面加上一对圆括号来调用，如`myFunction()`或`myFunction2('Jack')`。 例如，在HTML页面中，我们创建了一个带参数和返回值的函数： ```javascript function myFunction2(name) { alert("欢迎" + name); } function compute(a, b) { // 返回结果 return a + b; } ``` 通过`onclick`属性调用函数，并利用`compute`函数计算结果并在页面上显示。 ### JavaScript对象 **对象** 是JavaScript中的一种复合数据类型，它封装了数据（属性）和行为（方法）。JavaScript中的所有事物，包括数组、函数甚至函数自身，本质上都是对象。对象的定义通常包含以下部分： ```javascript var person = { // 属性 name: "张三", // 方法 age: 30, sayHello: function() { console.log("你好，我是" + this.name); } }; ``` - **属性**：存储数据，如`name`和`age`。 - **方法**：对象的行为，如`sayHello`，它是一个内部函数，可以通过对象实例调用。 在上面的示例中，`person`对象有两个属性：姓名和年龄，以及一个名为`sayHello`的方法，用来打印出带有名字的问候语。通过`document.getElementById("demo")`获取页面元素并设置其内容，我们可以动态地调用`compute`函数作为对象的属性值来执行计算。 总结起来，JavaScript函数和对象是编程中的基石，函数用于封装可复用的逻辑，而对象则用来组织和管理数据与行为。理解并熟练运用这两个概念，是编写高效、灵活JavaScript代码的关键。