05JavaScript函数相关内容总结.docx

JavaScript 函数是编程语言的核心部分，它允许我们封装可重用的代码段，便于管理和调用。在JavaScript中，函数不仅是代码块，还被视为对象，这意味着它们可以拥有属性和方法。以下是关于JavaScript函数的一些关键知识点： 1. **函数定义**： - **函数声明**：通过`function`关键字定义函数，例如`function content() { console.log("水果"); }`。函数声明在代码加载时会被提升，允许在声明之前调用。 - **函数表达式**：包括匿名函数，如`var coss = function() { alert("这是一个匿名函数"); };`。函数表达式不会被提升，需要在定义后调用。 - **构造函数创建**：通过`new Function()`创建函数对象，如`var box = new Function("console.log('这是通过构造函数创建的函数')");`。 2. **函数参数**： - 形参（形式参数）在函数定义中指定，如`function add(a, b)`。调用函数时，传入的值称为实参。函数不会检查实参类型或数量，但开发者应确保正确匹配。 3. **函数返回值**： - 使用`return`关键字返回函数的结果。例如，`function sum(a, b) { return a + b; }`。未指定返回值的函数默认返回`undefined`。 4. **立即执行函数（IIFE）**： - IIFE是一种在定义后立即执行的函数，常用于创建私有作用域。示例：`(function() { alert("这是一个立即执行函数"); })();`。IIFE可以接受参数，如`(function(a, b) { alert(a + b); })(23, 23);`。 5. **构造函数**： - 构造函数是创建特定类型对象的特殊函数，如`function Person(name) { this.name = name; }`。首字母通常大写以区分普通函数。 - 调用构造函数需使用`new`关键字，如`var person = new Person("John");`。`new`操作符会创建新对象、绑定`this`到新对象、执行构造函数内的代码，并返回新对象。 6. **函数内部属性**： - `arguments`对象：在函数内部，`arguments`对象包含了所有传入的实参，即使没有声明相应的形参。 - `length`属性：函数对象有一个`length`属性，表示函数需要的形参数量。 7. **函数作为值**： - JavaScript支持高阶函数，函数可以作为其他函数的参数或返回值。例如，可以定义一个接受函数作为参数的函数：`function applyOp(op, a, b) { return op(a, b); }`，然后传入一个函数，如`applyOp(add, 3, 5)`。 8. **闭包**： - 函数可以访问其词法作用域内的变量，即使在其外部定义。闭包在内存管理、数据隐藏和模块化等方面起着重要作用。 9. **作用域**： - JavaScript有两种作用域：全局作用域和函数作用域。在函数内部定义的变量只在该函数内部可用，而在全局作用域定义的变量在整个脚本中都有效。 10. **箭头函数**： - ES6引入了箭头函数，如`const add = (a, b) => a + b;`，它们更简洁且`this`的指向与所在上下文保持一致，不同于常规函数。 了解并熟练掌握这些JavaScript函数概念对于编写高效、可维护的代码至关重要。在实际开发中，灵活运用这些知识点可以提高代码的复用性和可读性。