JS高级---作用域，作用域链和预解析

JavaScript函数之作用域 / 作用链域 / 预解析

关于作用域和作用链域的问题,很多文章讲的都很详细,本文属于摘录自己觉得对自己有价值的部分,留由后用,仅供参考,需要查看详细信息请点击我给出的原文链接查看原文件做一个有爱的搬运工~~ ------------------------------------------------------------------------------------------------------------------------------------------- 作用域 js中作用域只有一种,就是函…

JS高级---作用域，作用域链和预解析

作用域,作用域链和预解析变量---->局部变量和全局变量, 作用域: 就是变量的使用范围局部作用域和全局作用域 js中没有块级作用域---一对括号中定义的变量,这个变量可以在大括号外面使用函数中定义的变量是局部变量 while (true) { var num = 10; break; } console.log(num); { var num2 = 100; } console.log(num2); if (true) { var num3 = 1000; } conso…

第十八篇 js高级知识---作用域链

一直有想法去写写js方面的东西,我个人是最喜欢js这门语言,喜欢的他的自由和强大,虽然作为脚本语言有很多限制的地方,但也不失为一个好的语言,尤其是在H5出现之后.下面开始说说js的方面的东西,由于自己的能力有现,有点地方说的不明白,还请高手指点.这个文章,如果有时间的话应该会写一个系列,包括js的高级方面的知识,最终希望能够说到js的引擎方面的东西.千里之行,始于足下,下面开始说说最简单的一个东西—js的作用域链,时常也比较容易弄错,也算是自己做一个纪录. 首先看一段代码: function t…

关于js语法中的一些难点(预解析，变量提前，作用域)

******标题很吓人************ 其实就是一个小小的例子 ,从例子中简单的分析一下作用域.预解析和变量提前的概念 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>关于js中的那些小知识点</title> </head> <body> </body> <script> var a=…

JS高级心法——作用域链

首先我们来看两个js中的代码: <script type="text/javascript"> var c=5; function t1(){ var d=6 function t2(){ var e=7 alert(c+d+e); } t2(); } t1(); </script> 这个你非常快会得出结论:18. <script language="javascript" type="text/javascript&q…

JS高级——词法作用域

作用域 1.js中没有块级作用域 2.如果有块级作用域,那么下面代码将会是undefined undefined <script> for (var i = 0; i < 10; i++) { var num = i; } console.log(i);//10 console.log(num);//9 </script> 词法作用域 1.就是在代码写好的那一刻,变量的作用域就已经确定了,这种作用域,就是所谓的词法作用域 2.和词法作用域相对的叫动态作用域 ,js中是词法作用…

JS高级——Function原型链

基本概念 1.函数可以通过Function new出来,那么Function可以被称作构造函数,被new出来的函数可以被称为一个对象 2.Function既然是构造函数,那么肯定也有原型,它的原型是一个空的函数 3.Function的原型对象的原型对象最终指向的是object.prototype 原型链图由上面基本概念衍生出的原型链图 1.Person构造函数,它既然是函数,那么肯定可以通过Function创建出来,那么就可以被当作对象 2.P对象还是函数对象,最后指向的都是object.pr…

js的预解析

在ES6之前,变量使用var声明,会存在变量的预解析(函数也有预解析).ES6引了let和const,但是现阶段ES6并没有完全普及,而且很多比较老的代码都还是按照ES5的标准甚至是ES3的标准来书写的,要想得心应手的维护之前的代码个人感觉还是很有必要了解下js的预解析机制. 一.变量和函数在内存中的存在形式 JavaScript中的变量类型和其他语言一样,有基本数据类型和引用数据类型.基本数据类型包括:undefined.null.boolean.String.Number:引用数据类型主要是…

js 预解析

前言 JavaScript是解释型语言是毋庸置疑的,但它是不是仅在运行时自上往下一句一句地解析的呢? 事实上或某种现象证明并不是这样的,通过<JavaScript权威指南>及网上相关资料了解到,JavaScript有“预解析”行为.理解这一特性是很重要的,不然在实际开发中你可能会遇到很多无从解析的问题,甚至导致程序bug的存在.为了解析这一现象,也作为自己的一次学习总结,本文逐步引导你来认识JavaScript“预解析”,如果我的见解有误,还望指正. 在ES6之前,变量使用var声明,会存在变…

JS解析+预解析相关总结

[js预解析机制]先来说说js的解析机制吧,浏览器在解析js代码时是从上到下解析的.解析顺序如:(1)预解析找var和function (2)逐行代码解析表达式函数调用 fn1()函数内部再发生{ (1)预解析 (2)逐行代码解析} 解析:由子级到父级寻找变量,称作用域链如:函数参数,为局部变量 <script type="text/javascript"> var a=1; function fn1(a){//把a作为参数传进来…

js 预解析以及变量的提升

js在执行之前会进行预解析. 什么叫预解析? 预:提前解析:编译预解析通俗的说:js在执行代码之前会读取js代码,会将变量声明提前. 变量声明包含什么?1.var 声明 2.函数的显示声明. 提前:是会将这些变量声明提前声明读取,避免在执行代码的过程中出现未定义的问题. 注意: 只是提升变量,并不是提升变量赋值. 对于es6中的let不具体变量提升. 例子: <script> test(); function test() { console.log() } </script>…

js之预解析

一.所谓的预解析就是:在当前作用域中,JavaScript代码执行之前,浏览器首先会默认的把所有带var和function声明的变量进行提前的声明或者定义. 1)var声明的变量在预解析的时候只是提前的声明, 2)function声明的函数在预解析的时候会提前声明并且会同时定义. 二.预解析只发生在当前的作用域下程序最开始的时候,只对window下的变量和函数进行预解析GO{}, 只有函数执行的时候才会对函数中的变量和函数进行预解析AO{}. 三.当函数执行的时候,首先会形成一个新的私有作用域…

js 高级函数之示例

js 高级函数作用域安全构造函数 function Person(name, age) { this.name = name; this.age = age; } var person1 = Person("lin3615", 26); //alert(window.name); // lin3615 alert(person1.name); // 出错,此时成了全局的了======================== f…

JS高级——变量提升

JS执行过程 1.首先是预解析:预解析过程最重要的是提升,在JavaScript代码在预解析阶段,会对以var声明的变量名,和function开头的语句块,进行提升操作 2.执行操作全局中解析和执行过程 <script> console.log(a);//undefined===>window.a console.log(b);//b is not defined console.log(fn1);//会打印函数===>window.fn1 console.log(fn2);//…

JS高级---复习和课程介绍

课程介绍浅拷贝深拷贝----------|======>递归遍历DOM树-------|======>递归------晚上能够把代码写出来是最好的正则表达式-------很重要的东西元字符写几个正则表达式写代码正则表达式的案例=========>代码写出来数组和伪数组的区别复习 apply和call方法的使用和区别都可以改变this指向的使用方式: 函数名.apply (对象,[参数1,参数2,参数3,...]); 函数名.cal (对象,参数1,参数…

JS高级. 05 词法作用域、变量名提升、作用域链、闭包

作用域域,表示的是一个范围,作用域,就是作用范围. 作用域说明的是一个变量可以在什么地方被使用,什么地方不能被使用. 块级作用域 JavaScript中没有块级作用域 { var num = 123; { console.log( num ); } } console.log( num ); 上面这段代码在JavaScript中是不会报错的,但是在其他的编程语言中(C#.C.JAVA)会报错. 这是因为,在JavaScript中没有块级作用域,使用{}标记出来的代码块中声明的变量num,是可以…

js作用域链和预编译

js引擎运行分为两步,预解析代码执行 (1)预解析: js引擎会拿js里面所有的var还有 function 提升到当前作用域的最前面 (2)代码执行:按照代码书写的顺序从上往下执行预解析分为:变量预解析(变量提升)和函数预解析(函数提升) 变量提升就是把所有的变量声明提升到作用域的最前面,不提升赋值操做函数提升:就是把所有函数提升到作用域的最前面,不调用函数作用域链:内部函数访问外部函数的变量时,采取的是链式查找的方式来决定取哪个值,一层(大括号)一层往外找下面有几个小题目,大家先尝…

作用域,作用域链,垃圾收集,js解析

变量中包含基本数据类型和引用数据类型,基本类型指简单的数据值,引用类型由多个值构成的对象. 引用类型可以为其添加属性和方法,也可以改变和删除属性和方法. 复制变量值: 基本类型:一个变量向另一个变量复制基本类型的值,会在变量对象上创建一个新值,并把该值分配到新变量分配的位置上,两者任何操作不会互相影响. 引用类型:当一个变量向另一个变量复制引用类型的值时,同样也会存储在变量的值复制一份放到位新变量分配的空间中,但是不同的视,这个值的副本只是一个指针,而这个指针指向存储在堆中的一个…

14 (H5*) JS第4天函数、作用域、预解析

目录 1:函数的其他定义 2:函数作为参数 3:函数作为返回值 4:作用域 5:作用域链 6:预解析 7:预解析分段复习 <script> /* * 复习: * 函数:把一些重复的代码封装在一个地方,在需要的时候直接调用这个地方的代码就可以了 * * 函数作用:代码重用 * * 函数的参数: * 1.形参:函数定义的时候,函数名字后面的小括号里的变量 * 2.实参:函数调用的时候,函数名字后面的小括号里的变量或者值 * * 返回值: * 函数中有return,函数有返回值 * 函数中没有re…

JavaScript (四) js的基本语法 - - 函数练习、arguments、函数定义、作用域、预解析

个人博客网:https://wushaopei.github.io/ (你想要这里多有) 一.函数练习 1.求最值 // - 求2个数中的最大值 function getMax(num1, num2) { return num1 > num2 ? num1 : num2; } console.log(getMax(10,20)); //console.log(getMax);//函数的代码 function getMax(num1, num2) { return num1 > num2…

JS作用域概念-预解析规则

// 作用域: // 域:空间.范围.区域…… // 作用:读.写 script 全局变量.全局函数自上而下函数由里到外 {} 浏览器: “JS解析器” 1)“找一些东西” :var function 参数 a = ... 所有的变量,在正式运行代码之前,都提前赋了一个值:未定义 fn1 = function fn1(){ alert(2); } 所有的函数,在正式运行代码之前,都是整个函数块 JS 的预解析遇到重名的:只留一个变量和函数重名了,就只留下函数 2)逐行解读代码: 表达式…

Javascript预解析、作用域、作用域链

最近在看js的一些资料,总结一下昨晚看到的js作用域方面的知识,不准确的地方希望留言指正! 先看片段js代码如下: < script type="text/javascript" > console.log(a); var a = "hello world!"; console.log(b); b = "你好,世界!"; < /script > 开始的输出结果很出乎意料,firebug调试输出结果如下: console.l…

[妙味JS基础]第六课：作用域、JS预解析机制

知识点总结浏览器的解析方法 script 全局变量,全局函数自上而下函数由里到外 "JS的解析器": 1)“找一些东西”:var function 参数 var a=未定义 =>所有的变量,在预解析时,赋一个值:未定义 fn1 = function fn1(){alert(2)} =>所有的函数,在预解析时,是整个函数块 function fn1(n1) {} =>这里的参数n1,相当于var n1 ,因此也是未定义在预解析时,遇到重名的:只留一个,var和…

js---07 js预解析，作用域---闭包

js解析器首先不会逐行读代码,这是第二部了. 首先根据var找到变量,根据function找函数,找到变量var a = 1,js解析器只会读取等号前面的var a,并把a设置值未定义,并不会读取等号后面的a = 1,所以a的值是未定义,并加入仓库,根据function找到函数后,function a (){ alert(2); },找到函数是函数整体,这是js的预解析(预解析只找var 和函数).遇到重名的留下后面的,变量和函数重名了,函数在后面,只留下函数. 正式读取代码的时候,是从上到下…

JS基础研语法---函数基础总结---定义、作用、参数、返回值、arguments伪数组、作用域、预解析

函数: 把一些重复的代码封装在一个地方,在需要的时候直接调用这个地方的代码就可以了函数作用: 代码重用函数的参数: 形参:函数定义的时候,函数名字后面的小括号里的变量实参:函数调用的时候,函数名字后面的小括号里的变量或者值返回值: 函数中有return,函数有返回值函数中没有return,函数没有返回值没有明确返回值:函数中没有return或者return后面没有任何内容如果一个函数没有明确的返回值,接收这个函数,结果是undefined 无参数无返回值的函数无参数有…

第06课：作用域、JS预解析机制

从字面上理解----域就是空间.范围.区域,作用就是读.写,所以作用域我们可以简单理解为:在什么样空间或者范围内对数据进行什么样的读或写操作. 看一下代码 alert(a); // 为什么是undefined var a = 1; alert(a); //为什么浏览器无反应 a = 1; 要了解为什么这些现象必须先知道浏览器是如何读取js代码,而这段浏览器专门用来读取js代码的片段我们称之为-----js解析器首先,我们来理解“JS解析器”是如何工作的? 先看如下代码 alert(a); /…

js的预解析和作用域

预解析指的就是,在js文件或者script里面的代码在正式开始执行之前,进行的一些解析工作.这个工作很简单,就是在全局中寻找var关键字声明的变量和通过function关键字声明的函数. 1.寻找 var function 参数等关键字,根据var a提前设置为 a=未定义(undefined) ,所有的变量,在正式运行前都提前赋值了一个未定义. 2.函数在正式运行代码前,都是整个函数块.fn1=function fn1(){alert(2);} 执行js代码一般分两步:1.预解析代码. …

js作用域其二:预解析

文章目錄解析机制 JavaScript是一门解释型的语言 , 想要运行js代码需要两个阶段编译阶段: 编译阶段就是我们常说的JavaScript预解析(预处理)阶段,在这个阶段JavaScript解释器将完成把JavaScript脚本代码转换到字节码执行阶段: 在编译阶段JavaScript解释器借助执行环境把字节码生成机械码,并从上到下按顺序执行预解析时做什么 var , function声明的变量提升首先,创建一个当前执行环境下的活动对象,然后将用 var 声明的变量设置为活动对象…

javascript-初级-day06作用域、JS预解析机制

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> /* // 作用域: // 域:空间.范围.区域-- // 作用:读.写 script 全局变量.全局函数自上而下函数由里到…

javascript预解析和作用域

JavaScript解析过程分为两个阶段: 一是:编译阶段.就是JavaScrip预解析阶段,在这个阶段JavaScript解析器将完成把JavaScript脚本代码转换到字节码; 二是:执行阶段.在编译阶段JavaScript解析器借助执行环境把字节码生成机械码,并顺序执行; 预解析:在当前的作用域中,js代码执行之前浏览器会默认把所有带var 和function的进行提前的声明或者定义; eg:var num=1; sum(); function sum(){console.log(num)…

【JS高级---作用域，作用域链和预解析】的更多相关文章