当前位置: 首页 > article >正文

函数基础,定义与调用。作用域,闭包函数

一、函数的定义与调用

函数是一段可重复使用的代码块,用于执行特定任务或计算等功能。它可以接受输入参数(形参),并根据参数执行操作后返回结果。

函数的定义

例如在 JavaScript 中可以这样定义函数:

function fun() { return "Hello,world"; }

函数的调用

通过函数名加小括号的方式调用函数,如document.write(fun());。一个函数可以有多个return语句,但调用时只有第一个return语句被执行,其后面表达式的值作为返回值,后面的代码被忽略。函数返回值无类型限制。

函数的形参和实参

形参

是声明函数时写在函数名后的小括号内的参数,用变量名接收,如

function add(x, y)中的xy

实参

是调用函数时写在小括号内的参数,如add(1, 2)中的12。形参和实参一一对应,如果形参没有实参对应,形参拿到的是undefined

this 关键字

this 是一个关键字,在函数执行过程中能访问运行环境,它是一个对象,其值根据函数的调用方式和上下文而变化,与函数的执行环节有关,与声明无关。它指向当前函数的运行环境,能在函数内部访问和操作当前对象的属性和方法。

函数的不同调用方式

作为方法被调用

当函数被赋值给一个对象的属性,并通过对象属性引用的方式调用函数时,函数作为对象的方法被调用。例如:

var person = {

    Name: "liux",

    Name2: "Dog",

    fullName: function() {

        return this.Name + " " + this.Name2;

    }

};

console.log(person.fullName());

使用构造函数调用函数

使用关键字new调用函数时,会创建一个新对象并作为this参数传递给构造函数,构造函数进行初始化设置后将新对象作为返回值。例如:

function a2(name) {

    this.name = name;

    this.greet = function() {

        console.log("你好,我是" + this.name);

    };

}

var a3 = new a2("lx");

a3.greet();

作为函数方法调用函数

不同类型函数调用的主要区别在于最终作为函数上下文(this)传递给执行函数的对象不同。可以使用call()apply()方法显式指定函数调用时的上下文。call()接收参数列表,apply()接收数组作为参数。例如:

function add(a, b) {

    return a + b;

}

// 使用call()

result1 = add.call(result1, 2, 3);

// 使用apply()

Array = [2, 3];

result2 = add.apply(result2, Array);

二、函数参数设置

有参函数和无参函数

无参函数

定义函数时不设置参数,如

function A() { console.log("Hello World!"); }

有参函数

定义函数时设置了参数,如

function B(name) { console.log("Hello " + name + "!"); }

函数参数的其他特性

含有默认值的参数

在设置函数形参时可指定默认值,当调用者未传递该参数时,函数使用默认值操作。例如

function C(name = "World") { console.log("Hello " + name + "!"); }

剩余参数

函数定义时可利用 “… 变量名的方式动态接收不确定数量的实参,如function D(...args) { console.log(args); }

函数内外变量的作用域

全局变量

在函数外定义的变量是全局变量,可在函数内部和外部访问,如

var globalVar = 'I am a global variable';

局部变量

在函数内部使用var关键字定义的变量是局部变量,只能在该函数内部访问。未使用var定义的变量在函数内部也是局部变量。函数的参数也是局部变量。例如:

function localScope() {

    var localVar = 'I am a local variable';

    console.log(localVar);

}

localScope();

三、进阶函数

函数表达式

函数达式是将声明的函数赋值给一个变量,通过变量名 ()” 的方式调用函数,定义必须在调用前。与函数定义方式不同,函数表达式的定义顺序有要求且函数名可省略。例如

var fn = function sum(num1, num2) { return num1 + num2; }; fn(2, 3);

匿名函数

为什么要用匿名函数

团队合作时可避免函数名冲突。

匿名函数的实现方式

包括函数表达式中省略函数名,如var fn = function (num1, num2) { return num1 + num2; };;匿名函数自调用,如(function (num1, num2) { console.log(num1 + num2); })(2, 3);;处理事件,如document.body.onclick = function () { alert('Hi, everybody!'); }

箭头函数

特点

箭头函数可视为一种匿名函数形式,用于简化函数定义语法,没有传统函数名,通过箭头(=>)定义函数体。通常用于不需要显式函数名的场景,如作为回调函数传递给其他函数。

语法

箭头函数的小括号中可传入参数,如var fn = (num1, num2) => { return num1 + num2; };。当函数体只有一句代码且执行结果是返回值时,可省略大括号和return关键字;当参数只有 1 个时,可省略参数外部小括号。

回调函数

定义

一个函数 A 作为参数传递给一个函数 B,然后在 B 的函数体内调用函数 A,称函数 A 为回调函数。

同步回调

同步回调是阻塞的,回调函数在调用它的函数完成任务后立即执行,程序执行顺序是线性的。例如:f

unction A1(a, b, callback) {

    var result = a + b;

    if (typeof callback === 'function') {

        callback(result);

    }

}

function A2(result) {

    console.log('计算结果是: ' + result);

}

A1(3, 4, A2);

异步回调

异步回调是非阻塞的,回调函数在调用它的函数完成任务之后某个时间点执行。例如:

function add(a, b, callback) {

    setTimeout(function() {

        callback(a + b);

    }, 1000);

}

function aResult(result) {

    console.log("结果是:" + result);

}

add(2, 3, aResult);

异步回调函数与异步函数

异步回调函数

使用回调函数处理异步操作,适合简单情况,但代码可能较复杂。例如模拟点奶茶,服务员准备奶茶时顾客可做其他事,准备好后调用回调函数通知顾客。

异步函数

使用asyncawait关键字简化异步操作执行,让异步代码更像同步代码,提高可读性和可维护性。例如使用异步函数点奶茶,顾客点餐后可先去做别的事,等餐时通过await暂停代码执行,拿到奶茶后继续执行。

四、函数作用域相关

作用域的概念

作用域是可访问变量的集合,是根据名称查找变量的一套规则。JavaScript 采用词法作用域(静态作用域),包括全局作用域和函数作用域。

全局作用域

在最外层函数和最外层函数外面定义的变量拥有全局作用域,所有脚本和函数均可使用。例如var carName = "Volvo";在任何脚本和函数内均可访问。

局部作用域

变量在函数内声明为局部变量,其生命周期仅限于函数执行期间,外部无法直接访问。只有函数的{}构成作用域,对象的{}以及if() {}都不构成作用域。letconst声明的变量会产生块作用域,var不会。例如:


function myFunction() {

    var carName = "Volvo";

}

词法作用域

词法作用域依据变量在源代码中的位置查找变量,从当前作用域开始向上遍历到包含它的所有外层作用域,直到找到定义。其特点包括静态作用域、封闭作用域和模块化。例如内部函数可访问外部函数中定义的变量。

变量提升

变量提升是指变量声明会被提前到其所在作用域的顶部,但只有变量声明会被提升,而不是变量赋值。例如var关键字定义的变量可以在使用后声明。

块级作用域

块级作用域是在代码块({}包裹部分)内声明的作用域,ES6 引入,通过letconst关键字声明的变量具有块级作用域,只能在声明所在代码块内可见。例如:

if(true){

    let var5="var5";

    console.log(var5)

}

作用域链

作用域链是由多个嵌套的作用域组成的机制,用于解析标识符(变量和函数),决定了变量和函数的查找顺序。从当前作用域开始查找,找不到则向上一级作用域查找,直到找到或达到全局作用域。例如内部函数可访问自身、外层函数和全局作用域内的变量。

五、闭包函数

闭包的概念

闭包函数是在一个函数内部创建的函数,内部函数可以访问到外部函数的变量和参数,即使外部函数执行完毕,这些变量和参数仍然能够被内部函数访问。

闭包的特点

  • 让外部访问函数内部变量成为可能。
  • 局部变量会常驻在内存中。
  • 可以避免使用全局变量,防止全局变量污染。
  • 会造成内存泄漏。

闭包的创建

闭包通常是在另一个函数内部定义一个函数,内部函数作为原函数的返回值返回。例如:

function 外部函数() {

    var 局部变量 = "我是一个局部变量";

    function 内部函数() {

        console.log(局部变量);

    }

    return 内部函数;

}

var 闭包 = 外部函数();

闭包();

闭包的应用

  • 创建私有变量和方法,用于模块化编程。
  • 在事件处理器和回调函数中保持变量的状态,用于异步编程。
  • 实现柯里化和函数组合等高级函数编程技巧。

闭包的注意事项

闭包会保留外部函数的变量,可能导致额外的内存消耗和内存泄漏,使用时需注意内存管理和性能问题。

六、递归函数

递归函数是自身调用自身的函数,但要注意一定要有递归结束的条件,并且要改变递归条件的代码。例如求 1 - 100 的累加值的递归函数:

function sum(n) {

    if(n == 1) {

        return 1;

    }

    return sum(n - 1) + n;

}

sum(100);


http://www.kler.cn/a/376481.html

相关文章:

  • InnoDB: corruption in the InnoDB tablespace
  • 服务器数据恢复—DELL EqualLogic PS6100系列存储简介及如何收集故障信息?
  • Spring AI : 让ChatGPT成为你构建应用的核心亮点
  • 大数据新视界 -- 大数据大厂之数据质量管理全景洞察:从荆棘挑战到辉煌策略与前沿曙光
  • ubuntu知识点滴积累
  • 从线性代数到unity mvp矩阵
  • 升序数组两两不相等
  • C语言稀有关键词:柔性数组
  • 【创建型】单例模式
  • Hypack 应用于地形测量的高级设置操作要领
  • Nginx 的 Http 模块介绍(上)
  • Git - 两种方式撤销已提交到远端仓库的记录并删除提交记录
  • vite 创建了一个项目后,如何实现工程化
  • 【赵渝强老师】Memcached集群的架构
  • 数据结构,问题 G: 字符串匹配问题
  • Spring Boot接收参数的19种方式
  • DiffusionDet: Diffusion Model for Object Detection—用于对象检测的扩散模型论文解析
  • Vite常用插件配置
  • R学习笔记-单因素重复测量方差分析
  • 032_Tiledlayout_in_Matlab中的分块图布局
  • C++/Opengl编程实践
  • 代码随想录一刷——350.两个数组的交集II
  • 024集——CAD 动态显示图形——ed.Redraw(ent)实现(CAD—C#二次开发入门)
  • 初探Flink的序列化
  • centos7 zabbix监控nginx的pv和uv和status_code
  • 无法启动此程序win10玩游戏找不到d3dx9_43.dll缺失的五种常用有效解决方法