JavaScript - 函数返回多个值、闭包、设置参数默认值

最新推荐文章于 2024-12-01 22:38:57 发布

原创最新推荐文章于 2024-12-01 22:38:57 发布 · 2.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #typescript

JavaScript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了JavaScript中的高级技巧，包括函数如何返回多个值，通过数组解构实现；深入理解闭包的概念，其原理、特点及内存管理；以及函数参数的默认值设定，如短路赋值和直接设值。示例代码展示了闭包中的this指向问题，并解释了在不同上下文中this的指向变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、函数返回多个值

函数返回多个值的时候，可以返回一个数组，然后数组的解构，将两个值分别取出来

        function fn() {
            const a = 1;
            const b = 2;
            return [a, b]
        }

        //利用数组的解构，将两个值分别取出来
        const [a, b] = fn();
        console.log(a, b); // 1 2

二、闭包

闭包的本质就是在一个函数内部创建另一个函数。一个函数可以访问另一个函数的变量
闭包原理：上级作用域无法直接访问下级作用域中的变量，但下级作用域可以访问上机作用域中的变量。
缺点：内存泄漏导致变量无法被释放

闭包的三个特性：
①函数嵌套函数
②函数内部可以引用函数外部的参数和变量
③参数和变量不会被垃圾回收机制回收

在下面这段代码中，一般情况下，函数fn2执行完后，就应该联通它里面的变量一同被销毁。但是在这个例子中，匿名函数作为fn的返回值被赋予给了res，这个时候相当于res=function(){console.log©},并且匿名函数内部引用着fn2里的变量c，所以变量c无法被销毁。

function fn1(){
	 var n = 10;
	function fn2(){
	   console.log(n);  //输出100
	}
}

function fn1(){
	 function fn2(){
		 var n = 10;
	}
	console.log(n);//会报错
}

闭包中的this指向：
因为闭包并不属于这个对象的属性或方法。所以在闭包中的this是指向window的

        const obj = {
            name: 'xx',
            // 外层函数本身会指向obj  如果改成箭头函数就会指向  window
            say: function() {
                console.log(this); //obj

                return function() {
                    console.log(this); //window
                }

                setTimeout(() => {
                    console.log(this); //obj
                }, 1000)

                return (n) => {
                    console.log(this); //obj
                    console.log(n); //
                }
            }
        }

        obj.say()(8)

三、参数默认值

1.短路赋值

        function fn(a, b) {
            a = a || 0;
            b = b || 0;
            return a + b
        }
        console.log(fn(2, 4));   //输出：6

2.给参数设置默认值

        function fn(a = 0 , b = 0) {
            return a + b
        }
        console.log(2,3);  //输出：5