/*    一、执行上下文：堆栈（底部全局上下文+顶部当前活动上下文）*//*    二、变量对象： 变量根据执行上下文，找到数据存储位置，这种机制叫变量对象    1. 变量都要var定义，且都不能delete    2. __parent__属性，父级*//*    三、This:执行上下文的一个属性,不能改变??    1. 全局this = global    2. 函数this = 调用者this    3. 手动设置函数调用的this值。apply和call：将第一个参数作为this值    apply:第二个参数必须是数据    call:任务参数*/a.call({ b: 20 }, 30); // this === {b: 20}, this.b == 20, c == 30a.apply({ b: 30 }, [40]) // this === {b: 30}, this.b == 30, c == 40/*    四、函数    1. 函数声明 function A()    2. 函数表达式 var a = function(){}, (function A()), [function A()]: 不会污染变量对象（作为参数传递给其他函数）*//*    五、闭包：代码块和创建该代码块上下文中数据结合    函数作为参数、或者返回值    引发Funarg问题，多个函数同用一个上下文*///闭包的用法//1. 参数化[1, 2, 3].sort(function (a, b) { });[1, 2, 3].map(function (ele) {    return ele;});sc.find(function (ele) { //...});[1, 2, 3].forEach(function (ele) { });(function () {    [].join.call(arguments, ';'); //1;2;3}).apply(this, [1, 2, 3]);//2. 延迟引用setTimeout(function () { }, 100);//3. 回调函数XMLHttpRequestObject.onreadystatechange = function () { };

 

/*    Javascript核心*//*    一、对象Object    Object是一个属性的集合，拥有单独的原型对象prototype,原型对象可以是object，也可以试null*/var foo = {    x: 10,    y: 20    //_proto_, 自带了原型对象属性，指向foo.Prototype}/*    二、原型链    有限对象链，实现链对象间继承和共享属性*/var a = {    x: 10,    calculate: function (z) {        return this.x + this.y + z;    }}var b = {    y: 20,    _proto_: a}var c = {    y: 30,    _proto_: a}//b,c的原型指向a，a的原型指向原型链重点Object.Prototype，默认值Null/*    三、构造函数    constrcutor自动为创建的新对象设置原型对象，原型对象存放ConstructorFunction.Prototype*///构造函数function Foo(y) {    //特定方式创建对象，并具备y属性    this.y = y;}//Foo.prototype存放新对象原型引用，可以用于定义继承和共享属性方法Foo.prototype.x = 10;Foo.prototype.calculate = function (x) {    }var b = new Foo(10);var c = new Foo(20);b._proto_ === Foo.prototype;//truec._proto_ === Foo.prototype;//true// "Foo.prototype"自动创建了一个特殊的属性"constructor"  // 指向a的构造函数本身  // 实例"b"和"c"可以通过授权找到它并用以检测自己的构造函数b.constructor === Foo, // true  c.constructor === Foo, // true  Foo.prototype.constructor === Foo // true   b.calculate === b.__proto__.calculate, // true  b.__proto__.calculate === Foo.prototype.calculate // true/*    四、执行上下文栈    ECMAScript中代码有三种类型：global,function,eval*/function foo(bar) { }// 调用相同的function，每次都会产生3个不同的上下文//（包含不同的状态，例如参数bar的值）foo(10);foo(20);foo(30);/*    五、执行上下文    一个执行的上下文=object，每个上下文都有一系列属性（上下文状态）：跟踪关联代码执行进度    1. var 变量对象    2. this指针    3. scope作用域链*//*    六、变量对象    执行上下文相关的数据作用域：用于存储被定义在上下文的变量和函数声明*///全局执行上下文情况var foo = 10;function bar() { }//函数声明(function baz() { }());//函数表达式console.log(        this.foo == foo,        window.bar == bar    );console.log(baz);//错误/*    七、活动对象    当函数被调用时，创建普通参数，和特殊参数{0:10,1:20...}（带索引属性的参数映射表）*/function foo(x, y) {    var z = 30;    function bar() { };}/*    激活对象如下：    x           10    y           20    arguments   {0:10,1:20,...}    z           30    bar         
     
      *//*    八、作用域链    对象列表，用于检索上下文代码中出现的标示符*/var x = 10;(function foo() {    var y = 20;    (function bar() {        var z = 30;        //x和y是自由变量，会在作用域链的下一个对象中找到    }());}());//作用链如下var bar = {    z: 30,    _parent: foo}var foo = {    y: 20,    _parent_:window}var window = {    x: 10,    _parent: null}/*    九、闭包:是一个系列的代码块，并且静态保存所有父级的作用域。通过这些保存的作用域来搜寻函数中的自由变量    两个概念：1. funargs：函数作为参数，2. functional values：函数运行返回函数    两个概念引发两个问题：1. 向上查找函数参数问题。    作用域链= 活动对象 + 【scope】    函数在被创建时保留外部作用域，外部作用域用于未来函数调用中用于变量查找*///静态作用域，EMCAScript不适用动态作用域//x变量保留在bar函数的【scope】中function foo() {    var x = 10;    return function bar() {        console.log(x);    };}//foo返回一个function,并且这个返回的function可以随意使用内部变量xvar returnFunction = foo();var x = 20;returnFunction();//结果10，不是20；//自上而下var x = 10;function foo() {    console.log(x);}(function (funArg) {    var x = 20;    //我们使用foo函数的[scope]里保存的全局变量x,并非caller作用域的x    funArg(); //10}(foo));//两个闭包函数，含有相同父级作用域，则相互影响function baz() {    var x = 1;    return {        foo: function foo() { return ++x; },        bar: function bar() { return --x; }    };}var closures = new baz();closuree.foo();//2closures.bar();//1//共享[scope]，在循环创建多个函数中，共享同一个[scope]，将导致循环变量始终为最后一次赋值//解决方式：在作用域链中，增加额外对象：函数var data = [];for (var i = 0; i < 3; i++) {    //外围增加自执行的函数，保留参数    data[i] = (function (x) {        return function () {            alert(x);        };    })(k);}/*    十、This指针    this适合执行的上下文环境相关的特殊对象= context Object 上下文对象    this:由函数调用者提供caller*/