码迷,mamicode.com
首页 > Web开发 > 详细

js作用域相关笔记

时间:2017-05-12 20:24:41      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:编译   margin   查询   var   赋值   .com   写代码   报错   cee   

1.js引擎、编译器、作用域。

引擎:负责JS全过程的编译和执行;

编译器:负责语法分析和代码生成;

作用域:负责收集并维护声明组成的查询,以及当前执行代码对这些变量的访问权限(简言之,作用域就是用于编译和执行的一套规则)。

三者的关系:编辑器要编译的时候会询问作用域,引擎要执行代码的时候也会询问作用域。

2.LHS和RHS查询都是从当前执行作用域开始,若没找到所需标识符,以此向上级作用域查找,直到顶层作用域,若仍未找到,会抛出ReferenceError异常(TypeError这个异常,是操作非法引起的)。

3.严格模式("use strict")不允许自动或隐式创建全局变量。

即:用了严格模式,如果没有定义某个变量会抛出ReffrenceError的异常,但如果非严格模式,则不会报错,因为编译器会给它隐式创建一个全局变量。

4.函数表达是可以避免定义变量名为undefined时引发的异常,同时可以避免污染全局作用域。(函数表达式可粗略理解为:作为参数的函数)

(function foo(){

    console.log("haha");

})();//最后这个括号表示立即执行表达式。

////////函数表达式传参/////////

var a = 2;

(function foo(global){

  console.log(global.a);//2

})(window)

5.编译过程中,函数和变量可以提升,且函数提升优先变量提升(如果命名相同的话),所以代码执行顺序不一定是我们写代码的顺序;

例1:

a = 2;

var a;

console.log( a );//2

////////////////////////

例2:

console.log( a );//引发ReffrenceError

var a = 2;

原因:编译器编译时分两步走,第一步定义声明,第二步赋值声明(这步会滞留,直到进行到执行阶段)

所以上述代码执行顺序:

例1:

var a;

a = 2;

console.log(2);

例2:

var a;

console.log(a);//定义了,但未赋值,故输出undefined.

a = 2;

所谓提升,就是在编译的时候把写在后面的代码优先声明了。比如可以在声明的某个函数/变量之前就调用它而不报错,下面这个代码自己敲敲、体会体会

技术分享

js作用域相关笔记

标签:编译   margin   查询   var   赋值   .com   写代码   报错   cee   

原文地址:http://www.cnblogs.com/ganmy/p/6846860.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!