首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js

目录 的概念 的用途 代码实例 注意点 两个代码片段的对比 的概念 简单来说,就是定义在一个函数内部的函数 的用途 可以读取函数内部的变量 让这些变量的值始终保持在内存中...代码实例 function f1(){ var n = 999 // 匿名函数 fnAdd = function(){n += 1} // 一个...nAdd的值是一个匿名函数(anonymous function),而这个匿名函数本身也是一个。 函数调用相当于后面有两个括号,因为函数f1返回的是函数名f2。...注意点及解决方法 由于会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用,否则会造成网页的性能问题,在IE中可能导致内存泄露。...会在父函数外部,改变父函数内部变量的值。 解决方法:不要随便改变父函数内部变量的值。 返回时牢记的一点就是:返回函数不要引用任何循环变量,或者后续会发生变化的变量。

2.3K30

JS

JS用法给开发带来了极大的便利,它的使用方式非常自然,以至于很多同学并不很了解,却可以在实际开发中顺畅的使用了 例如下面的代码,给button添加一个点击事件,很多人经常这么写,实际上这就是一个...要了解,需要先了解下JS变量的作用域 变量的作用域无非就是两种:全局变量和局部变量 特点是 函数内部可以访问外部变量,函数外部不能访问函数内的变量 例如 ?...这个实现方式就是 什么是 其实就是将函数内部函数外部连接起来的一座桥梁,可以让函数外部的代码访问函数内容变量,可以把简单理解成“定义在一个函数内部的函数” 包在子作用域中保存了一份在父级作用域取得的变量...,这些变量不会随父级作用域的销毁而销毁,因为他们已经常驻内存了 应用示例 (1)实现公共、私有作用域控制 既然可以对外提供访问内容变量的方式,就可以用这个特点实现类似 public private...原因 第一种方式出现错误,是因为在for循环结束后,变量item的值已经变为了最后一项,所以当点击事件执行时,读取的信息总是最后一项的信息 而第二个方式就是利用了会把父级变量保存到自己作用域的特点

4.2K40
您找到你想要的搜索结果了吗?
是的
没有找到

JS

JS 概念 能够读取其他函数内部变量的函数 定义在一个函数内部的函数,内部函数持有外部函数内变量的引用 简单来说,是指可以访问另一个函数作用域变量的函数,一般是定义在外层函数中的内层函数,但并不仅仅是一个函数...js中函数内部可以读取全局变量,函数外部不能读取函数内部的局部变量。...为什么需要 局部变量无法共享长久的保存,而全局变量可能造成变量污染,所以我们希望有一种机制既可以长久的保存变量又不会造成全局污染 何时使用?...外层函数返回内层函数的对象,并且外层函数被调用,结果保存在一个全局的变量中 从外部读取函数内部的变量 function f1(){ var n = 123; function f2(){ //f2是一个...alert(n) } return f2; } js链式作用域:子对象会一级一级向上寻找所有父对象的变量,反之不行。

2.5K50

js包装类

内部函数被返回到外部,函数本身保留了父函数的AO,即使父元素执行完了,取消对AO的引用,但依旧被子函数保留下来了,就形成了会导致原有作用域链不释放,造成内存泄漏。 作用 1....实现封装,属性私有化 简单理解就是函数结束会销毁父函数的执行上下文,但是应用可以使父函数的执行上下文被保留下来,给父函数下的其他函数使用,这样就实现了属性的私有化 3....callName() { console.log(name); } return function () { callName(); }//返回一个函数形成...缓存(存储结构) 防范 会导致多个执行函数共用一个公有变量,应当尽量避免 利用解决for循环绑定事件的问题 function test(){ var liCollection = document.getElementByTagName...把函数绑定到了每个li元素(外部) console.log(i); } }(i)) } } test(); ---- 包装类 原始值没有属性方法

45820

JS

在理解以前.最好能先理解一下作用域链的含义,简单来说,作用域链就是函数在定义的时候创建的,用于寻找使用到的变量的值的一 个索引,而他内部的规则是,把函数自身的本地变量放在最前面,把自身的父级函数中的变量放在其次...解释器在遇到函数定义的时候,会自动把函数和他可能使用的变量(包括本地变量父级祖先级函数的变量(自由变量))一起保存起来.也就是构建一个,这些变量将不会被内存回收器所回收,只有当内部的函数不可能被调用以后...(例如被删除了,或者没有了指针),才会销毁这个,而没有任何一个引用的变量才会被下一次内存回收启动时所回收....Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量。...Js代码 function f1(){ var n=999; } alert(n); // error 这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。

2.5K50

js面试题经典_js原理

觉得有点意思,大家一起来聊聊。 我相信如果你不是非常理解JavaScript中的,一定是不想看这段代码的。...fun1(){ console.log(a); } fun0(); //1 fun1(); //报错 a is not defined 这段代码,我相信大家应该知道最后为什么结果会是 1 ...undefined 0 1 1 最开始的代码来自这里 http://www.cnblogs.com/xxcanghai/p/4991870.html 这篇文章只是针对这道题讲了讲,没有非常着重的去讲这个概念...,所以如果朋友们,对详细的概念还不是很理解,要赶紧学习了。...顺便推荐几篇讲解的文章 学习Javascript(Closure) Javascript——懂不懂由你,反正我是懂了 JS可被利用的常见场景 发布者:全栈程序员栈长,转载请注明出处

2.9K20

再谈JS

简明扼要 作用域(scope)控制着变量的可见性生命周期 在JS中,生成作用域 1. 函数 2....块级作用域 不同的作用域能够拥有同名的变量 外部作用域的变量可以在内部作用域中访问 JS通过「词法作用域」(静态作用域)来实现变量查询机制 「(closure)是一个函数」:其有权访问其词法作用域内部的变量即使该函数在词法作用域外部被调用...常规的生成方式 1....函数式编程-柯里化 ---- 一图胜千言 文章概要 作用域 作用域嵌套 词法作用域(lexicsl scope) 示例 在进行讲解之前,我们需要对一些前置知识点,做一些简单的介绍:何为作用域...「函数执行函数定义的地方大相径庭」。 但是,由于handleClick()是一个,所以,它能够记住(捕获)对应词法作用域中的变量countClicked,并且在点击按钮的时候,更新该变量的值。

2.8K30

js函数、作用域

fn2() } var a = 2 return fn3 } function fn2(){ console.log(a) } var fn = fn1() fn() //输出1 三、...1、定义: 函数连同它作用域链上的要找的这个变量,共同构成 2、特点 最大的特点,就是它可以“记住”诞生的环境,在本质上,就是将函数内部函数外部连接起来的一座桥梁。...3、用处 的最大用处有两个 可以读取函数内部的变量 暂存数据(让这些变量始终保持在内存中,即可以使得它诞生环境一直存在) 4、举个栗子 如果没有这个,函数执行后,里面speed变量就会被清理掉...} var speedUp = car() speedUp() //1 speedUp() //2 5、经典案例 的经典案例是定义一个变量,一个函数,一个return 函数。...这导致car得不到释放,return的变量也无法释放,对应的所有函数都没有办法释放,就生成了一个 var Car = (function(){ var speed = 0; function

1.4K20

从零开始学 Web 之 JS 高级(三)apply与call,bind,沙箱

setInterval(function(){ // ... }.bind(this), 2000); ---- 三、 1、的概念 有一个函数 A 中有一个函数或者对象 B,那么函数或者对象...B 可以访问函数 A 中的数据,那么函数 A 的作用域就形成了。...2、的模式 函数模式的:函数中包含函数。 对象模式的:函数中包含对象。 3、的作用 缓存数据,延长作用域链。 4、的优缺点 也是缓存的数据,导致在的范围内一直起作用。...5、的应用 缓存数据,函数中的数据,外面可以使用。 如果想要缓存数据,就把这个数据放在外层的函数里层的函数之间。...相同的操作,相同的数据都不会外面发生冲突。 作用:避免命名冲突。 比如:自调用函数里面就相当于一个沙箱环境。

55331

JS总结

这样在外部就不能访问age变量,只能通过getAgesetAge来访问,达到了私有化封装的目的,这点在开发中比较常用。...5.制作缓存池 这个用途是使用了里的局部变量不会被销毁的特点,实现缓冲池的方法有很多,使用只是其中一种,大家可以看自己的情况来使用,下面是使用来实现缓存池简单大意的例子: ?...6.循环中保存索引 开发过程中在循环里注册回调很常见,但是刚接触js的同学常常会遇到注册完了回调,发现索引值不对,可以看下面的例子: ?...7.的其他问题 因为中的局部变量不会释放,所以全局变量一样会占用大量内存。 中变量引用由于不会释放,很有可能造成内存泄露。 大量的使用可能会降低程序的可读性,增加维护成本。...总之有很多地方用起来很方便,的特性也能帮助我们实现很多巧妙的设计,但是也会引起很多问题,所以在开发过程中应该尽量少用

2.3K41

初识js中的_Js中变量理解

今天看了关于js方面的文章,还是有些云里雾里,对于一个菜鸟来说,学习确实有一定的难度,不说别的,能够在网上找到一篇优秀的是那样的不易。   ...当然之所以难理解,个人觉得是基础知识掌握的不牢,因为牵扯到一些前面的东西,比如作用域\等等,如果连基本的作用域都没有弄清楚,自然不可能搞懂,还有就是对js的实践比较少,因为你根本就不知道什么时候要用这东西...今天我就简单的说说我目前所理解的,当然可能不完全正确,但是我相信会给你一定的启发。   首先我们来谈谈js中的变量,如果你不知道我为什么要说这些,那么你根本没有掌握js的基础,建议回头复习。...js中分:全局变量 局部变量   全局变量:可以在任意位置访问的量就叫全局变量 1 var age = 20; 2 function a(){ 3 console.log(age); >>20 4...这也只是简单的介绍了一下,后面将会在的高级部分讲解。如果你对有更深的理解可以pm我。

3.2K20

JS】重温基础:

本章节复习的是JS中的关于,这个小哥哥呀,看看。 前置知识: 声明函数两种方法: 函数声明,存在函数声明提升,因此可以在函数声明之前调用(不会报错)。...2.2 接下来介绍下概念,是指有权访问另一个函数作用域中的变量的函数。 是由函数以及创建该函数的词法环境组合而成。这个环境包含了这个创建时所能访问的所有局部变量。...,可以访问到g作用域的变量a } var fun = f(); fun(); // "leo" 通过概念可以看出,有以下三个特征: 函数嵌套函数 函数内部可以引用函数外部的参数变量 参数变量不会被垃圾回收机制回收...3.案例 3.1 经典案例——定时器 代码如下: for(var i = 0 ; i<10; i++){ setTimeout(function(){ console.log...这里 i随着函数的结束,执行环境销毁,变量回收。 但是现在,我们用的更多的是ES6规范的 let const来声明。

1.8K30

js中的

js的一个难点也是它的一个特色,是我们必须掌握的js高级特性,那么什么是呢?它又有什么用呢?...我们都知道,js的作用域分两种,全局和局部,基于我们所熟悉的作用域链相关知识,我们知道在js作用域环境中访问变量的权利是由内向外的,内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量...就是用来解决这一需求的,的本质就是在一个函数内部创建另一个函数。...我们首先知道有3个特性: ①函数嵌套函数 ②函数内部可以引用函数外部的参数变量 ③参数变量不会被垃圾回收机制回收 本文我们以两种的主要形式来学习 在这段代码中,a()中的返回值是一个匿名函数...,这个函数在a()作用域内部,所以它可以获取a()作用域下变量name的值,将这个值作为返回值赋给全局作用域下的变量b,实现了在全局变量下获取到局部变量中的变量的值 再来看一个的经典例子 一般情况下

3.1K30
领券