js中匿名函数中的this和js中的变量作用域

javascript中有两种作用域：

1、局部作用域

2、全局作用域

3、（块级作用域（每对{}中间算一个块级作用域，let的作用域时块级作用域，能用let就用let））

js每个函数创建一个新的作用域，在函数中声明的变量，会成为函数的局部变量。

// 此处的代码不能使用 a 变量
function test_function() {
    var a = "123";
    // 此处的代码能使用 a 变量
}

函数内部定义的变量从函数外部时不可访问的。

函数之外声明的变量，会成为全局变量。

全局变量的作用域时全局的：网页所有脚本和函数都能够访问它们。

(function(){})();作用：javascript中没用私有作用域的概念，如果在多人开发的项目上，你在全局或局部作用域中声明了一些变量，可能会被其他人不小心用同名的变量给覆盖掉。

根据javascript函数作用域链的特性，可以使用这种技术可以模仿一个私有作用域，用匿名函数作为一个“容器”。

“容器”内部可以访问外部的变量，而外部环境不能访问“容器”内部的变量，所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突，俗称“匿名包裹器”或“命名空间”。

JQuery使用的就是这种方法，将JQuery代码包裹在( function (window,undefined){…jquery代码…} (window)中，在全局作用域中调用JQuery代码时，可以达到保护JQuery内部变量的作用。

顺便提一嘴jquery中也有一种方法$(function(){})   == $(document).ready()

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕，而且这个可以执行多次，window.onload作为一个函数只能执行一次。

匿名函数中的this（引用自简书codeflame）

还有一点需要注意的是

function A(){
    this.name = "123";
    console.log(this);
}

var obj = new A()
//输出A {name: '123'}
console.log(name)
//输出''

A()
//输出Window
console.log(name)
//输出'123'

上面相当于对象obj调用A()，下面相当于window对象调用A()