javascript技巧:用闭包传递参数

最新推荐文章于 2021-01-22 03:53:59 发布

小虎周

最新推荐文章于 2021-01-22 03:53:59 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript 局部变量闭包

本文链接：https://blog.youkuaiyun.com/zhou8622/article/details/44039313

javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了JavaScript中闭包的概念及其实用场景，通过具体代码示例解释了如何利用闭包来保护函数内部变量的安全性。

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

<html>
<script>
    function aaa(s){
        return function(){
            alert(s);
        }
    }
    setTimeout(aaa('kkkkkkk'),100);
</script>
</html>

分析上面的代码:setTimeout接收的应该是一个无参的function,不能接收参数,而这段代码很巧妙的用闭包的方法传递了一个参数.

顺便总结一下什么是闭包,什么时候用.

闭包:

子函数可以使用父函数中的局部变量.

什么时候用:

保护函数变量安全.因为闭包中的变量是内存维护,其它函数引用不到.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小虎周

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

关于ES6的箭头函数

weixin_43337464的博客

11-02

199

关于ES6的箭头函数和变量提升话不多说，首先来看一段代码 var j = 9 console.log(j) console.log(global.j) global.j = 11 console.log(global.j) function Outer() { var fun = () => { console.log(this.j, '////') } fun() this.j = 10 // let j=10 var foo = () => {

JS闭包产生条件、作用、生命周期

aolyu的博客

06-07

996

闭包1. 闭包的概念2. 闭包产生条件 1. 闭包的概念闭包就是能够读取其他函数内部变量的函数，或者子函数在外调用（子函数所在的夫函数的作用域不会被释放）。 2. 闭包产生条件函数嵌套例如： function A() { function B() { } } 内部函数引用了外部函数中的数据（属性、函数）例如： function A() { var a = "a"; function B() { console.log(a); } } 执行外部函数（也可理解

参与评论您还未登录，请先登录后发表或查看评论

JS中的参数传递详解

关注我！带你一路 "狂飙" 到底！

12-16

300

JS语法中的，对于初学者是一个非常重要的概念。很多小伙伴在学习时，会有不少烦恼。今天我们就来通过各种姿势全方位剖析JS中的值传递。本文章将会用10分钟时间无死角的解析JS的传参方式，希望能对您有所帮助。先说结论，这句话可能会颠覆一些小伙伴的认知，但请先别急，马上你将会赞同我。

js 闭包传递参数_JS中的参数传递详解

weixin_42134234的博客

01-22

799

JS语法中的传递参数，对于初学者是一个非常重要的概念。很多小伙伴在学习“值传递”和“引用传递”时，会有不少烦恼。今天我们就来通过各种姿势全方位剖析JS中的值传递。本文章将会用10分钟时间无死角的解析JS的传参方式，希望能对您有所帮助。先说结论，JS只有值传递，没有引用传递。这句话可能会颠覆一些小伙伴的认知，但请先别急，马上你将会赞同我。1. 值传递是什么？在函数传参的过程中，实参将数值传递给形参。...

js 闭包

thinkingw770s的博客

08-14

134

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body&a

js 闭包传参_JavaScript闭包演示

weixin_36458030的博客

12-23

388

有个网友问了个问题，如下的html，为什么每次输出都是5，而不是点击每个p，就alert出对应的1，2，3，4，5。闭包演示function init() {var pAry = document.getElementsByTagName("p");for( var i=0; ipAry[i].onclick = function() {alert(i);}}}产品一产品二产品三产品四产品五解决方...

js 闭包传参_[js]利用闭包向post回调函数传参数

weixin_42493060的博客

12-23

254

最近在闲逛校园XX站的时候，打算搞个破坏，试试有多少人还是用初始密码登陆。比较懒，所以直接打开控制台来写。所以问题可以描述为：向后端不断的post数据，id从1~5000自增，后端会根据情况来返回值res，需要把res=100的id输出。最简单的想法是：for循环内部调用post数据//错误示范一for(var i = 92000;i<92500;i++){//直接借用一下网站内引用的jq...

深入理解javascript函数参数与闭包

10-20

- **参数传递方式**：JavaScript使用值传递，无论是原始类型还是引用类型。对于原始类型，传递的是值的副本；对于对象，传递的是指向对象的引用的副本，而不是对象本身。 2. **闭包** - **闭包定义**：闭包是一...

JavaScript定时器闭包中的参数传递技巧解析

标题所涉及的知识点集中在JavaScript编程语言中的闭包（Closure）以及如何在使用定时器（如`setTimeout`或`setInterval`）时向定时器内的函数传递参数。 **闭包**是JavaScript的一个核心概念，指有权访问另一个函数...

thisify：简化JavaScript函数参数传递技巧

资源摘要信息:"thisify:将函数的第一个参数转换为使用“this”" 知识点： 1. JavaScript编程中的作用域和上下文（context）问题。 - 在JavaScript中，函数的上下文是由函数调用的方式决定的。最常见的是函数调用时...

Javascript attachEvent传递参数的办法

10-29

在探讨Javascript中使用attachEvent方法传递参数的问题时，首先需要理解attachEvent和addEventListener之间的区别，以及它们在IE浏览器中的实现差异。attachEvent是IE 8及以下版本独有的事件绑定方法，而...

JavaScript核心概念：闭包深度解析

- **按值传递**：在JavaScript中，函数参数的传递是按值传递，意味着函数内部无法改变传入的原始值类型变量。 3. **数组**： - 数组API：JavaScript提供了丰富的数组方法，如`push`, `pop`, `shift`, `unshift`, ...

JS中的闭包

weixin_45646245的博客

11-03

332

我们知道，变量都是有作用域的：在JS中，如果在一个函数里边定义了一个变量（即局部变量），那么这个变量的作用域就是这个函数内部，也就是说只有在这个函数内部才可以访问该变量。那么如果我们想要在函数外部访问这个变量呢？这个时候就可以用闭包，闭包的作用就是延长了局部变量的作用域。那么闭包是什么呢？在JavaScript权威指南中，是这样描述闭包的：函数对象可以和作用域链相互关联起来，函数体内部的变量都可以保存在函数作用域内，这种特性在计算机科学文献中称为“闭包”。在JavaScript高级程序设计中，是这样描

使用闭包解决 JS 中调用 attachEvent 方法传值

fujiang3673的博客

04-24

305

1. 遍历需要遍历的标签for(var i=0;i<node2.length;i++){ node2[i].attachEvent("onclick",reminderQuery(i)); }2. 声明 JS 方法var reminderQuery = function(i){ return function(){ reminderQuery2(i); ...

js中__proto__和prototype的区别和关系？

weixin_43964148的博客

01-23

244

是时候拿出我珍藏多年的这张图了：初学javascript的时候也跟题主一样搞不清楚，自己好好总结了一下：首先，要明确几个点：1.在JS里，万物皆对象。方法（Function）是对象，方法...

JavaScript 闭包函数传递参数

myt_Never的博客

09-08

3560

问题实现一个函数，运算结果可以满足如下预期结果： add(1)(2) // 3 add(1, 2, 3)(10) // 16 add(1)(2)(3)(4)(5) // 15 参考代码 function add () { //将argument转换成数组 var args = Array.prototype.slice....

js 传参怎么变对象key_js深入浅出之数据类型 -- 灵魂拷问1

weixin_39528366的博客

11-19

219

1.原始数据类型和引用数据类型有哪些？string number boolean null undefined symbolsymbol是ES6新引入的一种数据类型，表示独一无二的值。注意，Symbol函数不能使用new生成实例，否则会报错。因为Symbol是一种原始数据类型的值，不是对象。也就是说，Symbol的值不是一个对象所以不能添加属性，是一种类似于字符串的数据类型。2.typeof A...