JavaScript语言精粹--执行环境及作用域,this

简介:
1.执行环境定义了变量或函数有权访问的其他数据,决定了他们各自的行为。
每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。
虽然我们无法访问,但是解析器在处理数据时会在后台调用它。
 
2.全局执行环境是最外围的一个执行环境,在浏览器中就是window对象。
全局变量销毁的时候只有当关闭网页或浏览器才会。
局部执行环境就是函数执行环境。
 
3.当代码在一个环境中执行的时候,会创建变量对象的一个作用域链。
作用域链的用途是保证对执行环境所有变量和函数的有权访问。
 
4.环境之间的联系是线性的,有次序的。每个环境都可以向上搜索作用域链,来查询变量跟函数名。
函数参数也被当做变量来对待,因此其访问规则与执行环境中的其他变量相同。
function a(c,b) c,b就是。
 
5.实例:
复制代码
var aik='1'
 function a(){
     var cle='0';
     console.log(this);      //window
     console.log(this.cle);    //undefined
     console.log(this.aik);    //1
 }

 function b(){
console.log(this);    //window

     a();
 }

 b();    //也可以这么写window.b();
复制代码
结果:Window {top: Window, location: Location, document: document, window: Window, external: Object…}
   Window {top: Window, location: Location, document: document, window: Window, external: Object…}
 分析:window.b()这样一些就看的清楚了,b可以认为是window对象的方法。
this是什么?
this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。
但是总有一个原则,那就是this指的是调用函数的那个对象。
this是指向哪?
一般而言,在Javascript中,this指向函数执行时的当前对象跟声明的环境无关,跟执行环境有关。
结果:undefined    
分析:this是全局对象,它只能调用全局作用域中的属性与变量,而cle这个变量是在a这个函数作用域中,所以它无法向下寻找作用域中的变量。报undefined    
结果:1
 
改变this的指向:
这里就用到了new这个关键字了。

new操作符会让构造函数产生如下变化:

  1.       创建一个新对象;

  2.       将构造函数的作用域赋给新对象(因此this就指向了这个新对象);

  3.       执行构造函数中的代码(为这个新对象添加属性);

  4.       返回新对象

思考:
复制代码
var aik='1';
    function a(){
        var cle='0';
        console.log(this);
        console.log(this.cle);
        console.log(this.aik);
    }


var aPro=new a();
aPro
 
//结果:a {}
//    undefined
//    undefined
复制代码
为什么?
 
6.函数名实际上是一个指向函数对象的指针
 转载:http://www.cnblogs.com/zqzjs/p/5060917.html
目录
相关文章
|
12月前
|
前端开发 JavaScript 开发者
JavaScript:无处不在的Web语言
JavaScript:无处不在的Web语言
|
JavaScript 前端开发
js的作用域作用域链
【10月更文挑战第29天】理解JavaScript的作用域和作用域链对于正确理解变量的访问和生命周期、避免变量命名冲突以及编写高质量的JavaScript代码都具有重要意义。在实际开发中,需要合理地利用作用域和作用域链来组织代码结构,提高代码的可读性和可维护性。
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
817 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
JavaScript 前端开发
浅谈js作用域
浅谈js作用域
246 0
|
JavaScript 前端开发
javascript的作用域
【10月更文挑战第19天javascript的作用域
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
334 11
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
604 4
|
JavaScript 前端开发
如何在 JavaScript 中实现块级作用域?
【10月更文挑战第29天】通过使用 `let`、`const` 关键字、立即执行函数表达式以及模块模式等方法,可以在JavaScript中有效地实现块级作用域,更好地控制变量的生命周期和访问权限,提高代码的可维护性和可读性。
|
JavaScript 前端开发
JavaScript基础知识-作用域(action scope)
关于JavaScript基础知识中作用域的介绍。
284 1
JavaScript基础知识-作用域(action scope)
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域是指程序中可访问的变量、对象和函数的集合。它分为函数作用域和局部作用域。函数作用域内的变量仅在函数内部可见,而全局作用域的变量在整个网页中均可访问。局部变量在函数执行完毕后会被销毁,而全局变量则在整个脚本生命周期中都存在。未使用 `var` 关键字声明的变量默认为全局变量。