时间:2021-05-25
相关阅读:谈谈我对JavaScript原型和闭包系列理解(随手笔记8) 谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
什么是闭包
闭包是什么?闭包是Closure,这是静态语言所不具有的一个新特性。但是闭包也不是什么复杂到不可理解的东西,简而言之,闭包就是:
• 闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在。
• 闭包就是就是函数的“堆栈”在函数返回后并不释放,我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配
• 当在一个函数内定义另外一个函数就会产生闭包
什么是原型?
原型是一个对象,其他对象可以通过它实现属性继承。
任何一个对象都可以成为原型么?
是
哪些对象有原型
所有的对象在默认的情况下都有一个原型,因为原型本身也是对象,所以每个原型自身又有一个原型(只有一种例外,默认的对象原型在原型链的顶端).
执行上下文
每次当控制器转到ECMAScript可执行代码的时候,即会进入到一个执行上下文。
执行上下文(简称-EC)是一个抽象概念,ECMA-262标准用这个概念同可执行代码(executable code)概念进行区分。
标准规范没有从技术实现的角度准确定义EC的类型和结构;这应该是具体实现ECMAScript引擎时要考虑的问题。
活动的执行上下文在逻辑上组成一个堆栈。堆栈底部永远都是全局上下文(global context),堆栈顶部是当前(活动的)执行上下文。堆栈在EC类型的变量(various kingds of EC)被推入或弹出的同时被修改。
--------------------------------------------------------------------------------
情况一:在一段js代码拿过来真正一句一句运行之前,浏览器已经做了一些“准备工作”,其中就包括对变量的声明,而不是赋值。变量赋值时在赋值语句执行的时候进行的。
情况二:在“准备工作”阶段,this是直接赋值的。
复制代码 代码如下:
console.log(this) //Window
情况三: 函数: 函数表达式和函数声明
console.log(f1); //function f1() {}function f1() {} //函数声明console.log(f2); //undefinedvar f2 = function() {}; //函数表达式“准备工作”总结:
•变量、函数表达式————变量声明,默认赋值为undefined
•this————赋值
•函数声明————赋值
这三种数据的准备情况我们称之为“执行上下文”或者“执行上下文环境”。
--------------------------------------------------------------------------------
javascript在执行一个代码段之前,都会进行这些“准备工作”来生成执行上下文。这个“代码段”分为三种情况--全局代码、函数代码、Eval代码。
//全局代码段<script type="text/javascript"> //代码段...</script>//函数代码段function fn(x) { console.log(x + 5);}var fn = new Function("x", "console.log(x + 5)");//Eval代码段eval('var x = 10');(function foo() { eval('var y = 20');})();alert(x); //10alert(y); //"y" is not defined//因为eval涉及到安全问题(脚本注入),所以尽量不用。--------------------------------------------------------------------------------
在函数中,除了“准备工作”的几种情况,还会有其他数据
function fn(x) { console.log(arguments); //[10] conosole.log(x); //10}fn(10);以上代码展示了在函数体的语句执行之前,arguments变量和函数参数都已经被赋值。
函数每被调用一次,都会产生一个新的上下文执行环境。因为不同调用那个就可能产生不同的参数。
函数在定义的时候(不是调用)就已经确定了函数体内部自由变量的作用域。
var a = 10;function fn() { console.log(a); //a是自由变量} //函数创建时,就确定了a要取值的作用域function bar(f) { var a = 20; f(); //打印"10",而不是"20"}bar(fn);总结:
全局代码的上下文环境数据内容为:
•普通变量(包括函数表达式),如:var a = 10 | ===> 声明(默认赋值undefined)
•函数声明,如function fn() {} | ===> 赋值
•this | ===> 赋值
函数体
•参数 | ===> 赋值
•arguments | ===> 赋值
•自由变量的取值作用域 | ====> 赋值
通俗的定义:
在执行代码之前,把将要用到的所有变量都事先拿出来,有的直接赋值了,有的先用undefined占个位。
以上内容是小编给大家分享的JavaScript原型和闭包系列理解(随手笔记6)的全部叙述,希望大家喜欢。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
相关阅读:谈谈我对JavaScript原型和闭包系列理解(随手笔记6)谈谈我对JavaScript原型和闭包系列理解(随手笔记8)作用域引用《JavaScrip
在上篇文章给大家介绍了《谈谈我对JavaScript原型和闭包系列理解(随手笔记6)》,谈谈我对JavaScript原型和闭包系列理解(随手笔记9)可以点击了解
本文通过示例给大家介绍javascript的闭包,原型,和匿名函数,具体详情请看下文。一.>关于闭包理解闭包需要的知识1.变量的作用域例1:varn=99;//
JavaScript中this指向问题记得初学JavaScript时,其中this的指向问题曾让我头疼不已,我还曾私自将其与闭包、原型(原型链)并称JS武林中的
原型和闭包算是JavaScript中最常见,最难以理解,最容易被当做问题的两个部分,当然还有它们的延伸,如作用域链,继承等等吧,我最近也是各种看,各种翻,记录点