关闭

js的解析的两个阶段_预解析阶段、执行阶段

时间: 2018-04-13阅读: 1687标签: js知识

我们在学习一种新事物的时候,总是知其然,而不知其所然。有些人会探究到底,有一些人会得过且过。好了,开场白结束,直接进入正题。

js不像C语言那样只要编译一次之后成.exe文件之后就不用在编译可以直接使用了,js是一种解释型语言,就像你出国旅游,有一个人为你翻译别人的话一样,别人说一句,你的翻译就翻译一句。js同理是边解析边执行。js的解析分为两个阶段    1.预解析阶段 2.执行阶段

 

1.预解析阶段

其实js执行代码的时候都i是在执行一个作用域,而js一共就只有两个作用域,全局作用域和函数作用域。在我们打开程序的一瞬间,全局作用域里面的代码就执行了,这个时候是和函数作用域鸡毛关系都没有。那么与解析阶段都干啥了?

这个阶段主要做的事 就是变量收集 也可以说声明提前,用代码表达更好的解释

test();//帅哥天下9
 var  a=4;
 var b=function(){
    console.log("帅气喆");
 }
 function test(){
    console.log("帅哥天下9");
 }


为什么test方法能执行呢,先执行后定义,还有这种操作??

其实这就得归公于与解析阶段了,他会把变量声明提前这个变量包括普通变量和函数变量

var a=function(){
   //code             这个是函数表达式 并不是函数声明!!!
}


所以上面的代码应该是这样子滴

var a;
var b;
function test(){ 
 console.log("帅哥天下9");
}
test();
a=4;
b=function(){
  console.log("帅气喆");
};


所以这就解释了为什么可以先调用后定义了吧;再举个例子

function test1(){
   console.log(a); //undefined
   var a=4;
}
test1();


输出结果是 undefined 而没有报错 这就说明 在使用前已经声明了 但是在调用之前没有赋值而已喽,其实是这样的

function test1(){
 var a;
 console.log(a);
 a=4;
}
test1();


现在理解了吗?执行阶段这一块,就是说 变量赋值啦 函数执行啦都在这个阶段,从上而下很好理解。就是顺序就是  :

 用一段代码来解释吧

var a="boy";
var b="girl";
function test(){
    var c="手牵手"
    console.log(c);
}
test();
console.log("结束了");

/*
全局预解析阶段
变量收集
var a;
var b;
function test(){
    var c="手牵手"
    console.log(c);
}
a="boy";
b="girl";
test();从这到函数预解析阶段
var c;
函数执行阶段
c="手牵手"
console.log(c);
再回到全局执行阶段
执行console.log("结束了");
结束!!
*/


看到这里的朋友都能差不多懂了吧!

 原文来源:http://www.cnblogs.com/liveoutfun/p/8808948.html


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/632

关闭

JavaScript 优雅的实现方式包含你可能不知道的知识点【转】

Js优雅的实现方式包含你可能不知道的知识点:简短优雅地实现 sleep 函数,js获取时间戳,js数组去重,js数字格式化,js交换两个整数,将 argruments 对象(类数组)转换成数组,数字取整等

js函数防抖与函数节流

直接绑定函数到scroll事件是非常错误的决定,当用户滚动页面时,页面可能会变得非常慢甚至未响应。而函数防抖和函数节流是解决这个问题的一种方式,通过限制需要经过的事件,直至再次调用函数,在处理一些高频率触发的 DOM 事件的时候,它们都能极大提高。

JavaScript中的循环和作用域

JavaScript有一个特点,也许会让开发者头痛, 是与循环和作用域相关的.const。最简单的方案是用 let 声明、另外一个非常普遍的解决这个问题是使用pre-ES6代码, 同时它被称作即时调用函数表达式(IIFE)

手写JavaScript中的bind方法

bind方法返回的是一个绑定this后的函数,并且该函数并没有执行,需要手动去调用。(从这一点看bind函数就是一个高阶函数,而且和call,apply方法有区别)。bind方法可以绑定this,传递参数。注意,这个参数可以分多次传递。

JavaScript中“javascript:void(0) ”是什么意思

expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是可选的,鉴于规范化,以及养成好习惯,建议写上去。当我们使用 void 操作符指定超级链接时,表达式会被计算但是不会在当前文档处装入任何内容。

前端基础之BOM和DOM

JavaScript分为 : ECMAScript,DOM,BOM。BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。DOM (Document Object Model)是指文档对象模型

JavaScript中公有、私有、静态、受保护的属性和方法

在开发中,我们需要限制某些属性和方法的暴露程度,使得它们不能通过对象实例本身被访问、修改或调用。要了解js面向对象,就必需先了解js中什么是公有、私有、静态、受保护。

归并排序JavaScript实现_关于归并排序思路和代码实现

归并排序:其基本思想是分治策略,先进行划分,然后再进行合并,步骤是: 1.我们以数组[1, 5, 6, 2, 4, 3]举例,归并排序的第一步,将数组一分为2;2.接着将分成的数组继续一分为2,直到长度为1,我们构成如下二叉树(成树 从上往下)

js判断日期是否为今天

需求如下:后端返回字符串数据,需要前端判断该日期是否为今天。比如返回日期格式为:2018-08-14,那么需要如何来实现呢,这篇文章整理实现的几种方式供大家参考。

instanceof与constructor的区别

instanceof 的作用是判断实例对象是否为构造函数的实例,实际上判断的是实例对象的__proto__属性与构造函数的prototype属性是否指向同一引用;constructor 的作用是返回实例的构造函数,即返回创建此对象的函数的引用

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!