闭包、this、ES6特性

声明一个函数 function fun1

函数内定义一个变量比如 var x=1

如果这时候在function内声明一个函数 fun2

fun2中对这个函数外面的x进行操作


这时候把fun2的地址付给函数外面的一个变量A

形成一个函数表达式,

因为JS中的作用域是从内层向外层找变量的值


每次运行A 即A()的时候都需要找之前那个x 这时候函数fun1就叫作一个闭包(closure) ,这个x会一直留在内存中不会被回收 即 —(closure:fun1)

fun2       fun1       全局    --->  作用域链
|        (包起来了)       |
|                                 |
----------------------------
              |
              |
形成了一个闭包


因为全局和fun2的作用域连结起来了

讲一下this:

1.this是在一个函数被调用时确定的。(注意函数这两个大字)

2.函数被调用的时候 如果函数被某一个对象所拥有, 那么this指向这个对象。

3.如果函数独立调用,this指向undefined,在非严格模式下指向window

4.当this为某个(属性:值)键值对中的值的内容时,先找那个函数,再找那个函数的对象,要是没有函数就是window

关于第四点:
var obj = { a:this };
console.log(obj.a); <-没有函数,最后找到window

// demo
var a = 20;

var obj = {
a: 10,
c: this.a + 20, <--这里的this是window

fn: function () {

return this.a; <--函数fn属于obj对象,这里的this是obj
}
}

console.log(obj.c);
console.log(obj.fn());

// demo2
'use strict';

var a = 20;

function foo () {
var a = 1;
var obj = {
a: 10,
c: this.a + 20, <--这里this,先看他在 函数 foo里面,然后foo并不属于任何对象 所以是undefined
fn: function () {
return this.a;
}
}
return obj.c;
}
console.log(foo()); // ?
console.log(window.foo()); // ? <-- window对象中的foo

写一个粘合函数:

function glue(){
var a = Array.prototype.slice.call(arguments); //call中的this指向了arguments
console.log(a.join(''));
}
glue('把',123,'我','粘合','起来吧');

讲一下箭头函数:

function a(){

var x = 20;

return function(){
this.x;
}
}


a();


这样return的是10。(this是在函数被调用时确定的,return的这个function不属于任何对象,所以这个function中的this是undefined,在非严格下是window)


如果是用 return ()=> this.x this是他外面的this


原因:箭头函数中没有this,如果在箭头函数中使用this,则这个this一定是他外层的this 即爸爸function的this!!

原文地址:https://www.cnblogs.com/eret9616/p/8796122.html