this, 闭包,箭头函数
闭包写法
//后台每个执行环境都有一个表示变量的对象---变量对象
//例如compare()函数调用
//compare的执行环境而言,其作用域链包含两个变量对象
- 本地活动对象
- 全局活动对象
全局变量对象始终存在,compare()函数只在函数执行过程中存在
作用域链:一个指向变量对象的指针列表,只引用
//
定义:闭包有权访问另一个函数作用域中的变量的函数
//内部定义。然后返回 test = { a:"test", set:function () { var a = "set" function f() { var a = "f" } return f } } 直接返回一个函数 test = { a:"test", set:function () { var a = "set" return f() { var a = "f" } } }
此处一般返回匿名函数
闭包有两种写法 没有区别(暂定没有区别)
闭包两个问题
- 内存泄漏:由于作用域链的存在,匿名函数执行完,其包含函数的活动对象不会立即销毁 解决方案:解除引用
- 闭包只能取得函数中任何变量的最后一个值
this对象
this对象是在运行时基于函数的执行环境绑定的
- 全局中,this等于window
- 当被作为某个对象的方法调用时,this等于那个对象
匿名函数的执行环境具有全局性,因此其this对象通常指向window
每个函数在被调用的时候自动取得两个特殊变量,this和arguments(若调用者内部没有this.变量的值,则返回undefined)。内部函数搜索这两个变量时,只会搜索到其活动对象为止。因此永远不会访问外部函数中这两个变量。不过可以把外部的this对象保存在一个闭包能访问的变量中 that = this
特殊1 //函数作为函数调用和函数作为方法调用是有区别的 //匿名函数的执行环境具有全局性
var a = "windows" test = { a:"test", set:function () { var a = "set" function f() { var a = "f" console.log(this,this.a) } return f } } test.set()() //windows 指向全局
特殊2:箭头函数中的this指向定义函数时候所处的对象
//由于箭头函数没有this指向,所以不能用call apply bind
//箭头函数是继承而来
//所以只会从自己的作用域链一层一层向上找
var a = "windows" test = { a:"test", set:() => { var a = "set" var f = () => { var a = "f" console.log(this,this.a) } return f } } test.set()() //windows
一层一层往上找
var a = "windows" test = { a:"test", set:function () { var a = "set" var f = () => { var a = "f" console.log(this,this.a) } return f } } test.set()() //test
本人是一个技术爱好者
1.但是每个技术爱好者都是从萌新开始的
2.我所有的博文都是我各方资料查阅(看的比较乱比较杂,因为有些是群里讨论等等来源,无法辨别出处,所以我的文章都是没有写明出处,都是我个人消化后整理,)
3.但是没有经过我实践的我一般会标注
4.希望大家共同交流共同进步,指出我的不足 谢谢