函数补充/数据存储
目录
1 函数的深入理解
1.1 函数的返回值（return）
1.1.1 基本语法
1.1.2 使用要点
1.1.3 返回值类型
1.1.4 流程控制对比
1.2 arguments 对象
1.2.1 特性
1.2.2 应用场景
1.2.3 arguments.callee
1.3 函数方法对比
1.3.1 传参方式
1.3.2 this 指向规则
1.4 函数嵌套调用
1.5 立即执行函数(IIFE)
1.5.1 特点
1.5.2 实现方式
1.5.3 参数传递
2 数据存储机制
2.1 数据类型比较
2.2 原型系统
1 函数的深入理解
1.1 函数的返回值（return）
1.1.1 基本语法
function functionName() { return resultValue; } functionName();1.1.2 使用要点
- 函数执行后通过
return将结果返回给调用者 - 函数调用表达式
functionName()的值即为return后的值 - 可通过变量接收返回值：
var result = fn();return会立即终止函数执行- 只能返回单个值（如需返回多个值，可使用数组或对象）
- 可返回任意数据类型
- 无返回值的
return等价于返回undefined - 函数若未显式使用
return，默认返回undefined
1.1.3 返回值类型
- 基本类型
- 引用类型（对象/数组）
- 函数
1.1.4 流程控制对比
break：终止当前循环continue：跳过本次循环return：终止整个函数并返回值
📌 示例：求两数最大值
function getMax(a, b) { return a > b ? a : b; }1.2 arguments 对象
函数调用时自动接收的两个隐式参数：
- 上下文对象
this - 实参集合
arguments
1.2.1 特性
- 类数组对象
- 具有
length属性 - 支持索引访问
- 无数组方法
1.2.2 应用场景
- 存储所有传入实参
- 即使未定义形参也能获取实参
arguments[0]; // 首参数 arguments[1]; // 次参数1.2.3 arguments.callee
- 引用当前执行函数（了解即可）
📌 示例1：求任意个数最大值
function getMax() { let max = arguments[0]; for (let i = 1; i < arguments.length; i++) { if (arguments[i] > max) max = arguments[i]; } return max; }📌 示例2：闰年判断
function isLeapYear(year) { return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0; }💡 面试要点：
- 伪数组与真数组的区别
- 常见伪数组获取方式：
arguments- DOM集合（如
getElementsByTagName）
1.3 函数方法对比
📌 核心区别：
- 三者均可改变函数
this指向 call()/apply()立即执行bind()返回新函数
1.3.1 传参方式
call(thisObj, arg1, arg2)apply(thisObj, [args])bind(thisObj, arg1, arg2)
1.3.2 this 指向规则
- 普通调用：
this指向window - 方法调用：
this指向调用对象 - 构造函数：
this指向新实例 - call/apply/bind：
this指向指定对象
1.4 函数嵌套调用
- 函数应保持单一职责原则
- 可通过嵌套实现复杂逻辑
function fn1() { console.log(111); fn2(); console.log('fn1'); } function fn2() { console.log(222); console.log('fn2'); } fn1();📌 示例：判断2月天数
function checkFebruaryDays() { const year = prompt('输入年份'); alert(isLeapYear(year) ? '闰年2月29天' : '平年2月28天'); }1.5 立即执行函数(IIFE)
1.5.1 特点
- 定义后立即执行
- 通常只执行一次
- 避免全局污染
1.5.2 实现方式
(function() { // 代码块 })(); (function() { // 代码块 }());1.5.3 参数传递
(function(a, b) { console.log(`a=${a}, b=${b}`); })(123, 456);2 数据存储机制
2.1 数据类型比较
数据类型分类
基本类型：string, number, boolean, undefined, null
引用类型：object, function...
let a = 1; let b = 1; console.log(a === b); // true（值比较） let obj1 = { name: "jack" }; let obj2 = { name: "jack" }; console.log(obj1 === obj2); // false（地址比较）2.2 原型系统
function Person(name, age) { this.name = name; this.age = age; } // 函数的prototype属性（显式原型） Person.prototype.sayHi = function() { console.log("hello"); }; let p1 = new Person("jack", 18); // 实例的__proto__属性（隐式原型） console.log(Person.prototype === p1.__proto__); // true console.log(p1.__proto__.__proto__.toString); // 原型链查找