js执行环境和栈

可执行代码类型--还是没理解到关键位置,倒是想起了之前的东西。

1 .全局代码

1 .全局代码不包括任何function体内的代码
2 .加载的外部js文件或者本地的script标签内的代码

2 .函数代码

1 .进入function函数代码的时候
2 .每次return的时候,都会推出当前执行上下文,相应的执行任务被弹出,栈指针会自动移动位置。相关代码执行完成之后,栈里应该只会包括全局上下文,一直到整个程序结束
3 .每一个函数都会创建一个新的函数环境,新的函数环境中,会创建一个私有作用域,在这个函数中创建的任何声明都不能被当前函数作用域之外的任何地方访问。

3 .eval代码:在eval函数中的文本

流程

1 .浏览器第一次加载脚本,他默认的进入全局执行环境
2 .在全局代码调用一个函数,那么顺序流就会进入你调用函数中,创建一个新的执行环境并且把这个环境添加到执行栈的顶部
3 .如果在函数中调用了其他函数,同样的事情也会再次发生,执行流进入函数内部,并创建一个新的执行环境,把他天机到已经存在的执行栈的顶部。浏览器始终执行当前栈顶的执行环境
4 .一旦函数完成了当前的执行环境,return 结果,他就会被弹出栈的顶部,把控制权返回当前执行环境的下个执行环境。
5 .直到最后到达全局执行环境

执行环境的详情:变量对象的修改变化与这两个阶段紧密相关

进入执行上下文

1 .当进入执行上下文时,已经有下列属性

2 .函数的所有形参:由名称和对应值组成的一个变量对象的属性被创建,没有传递对应参数的话,那么由该名称和undefined组成一种变量对象的属性也将被创建

function test(x,y){
    console.log(x)
}
test()

3 .所有函数声明:由名称和对应值(函数对象)组成一个变量对象的属性被创建;如果变量对象已经存在相同名臣的属性,则完全替代这个属性

function test(x,y){
    console.log(x)
//undefined
    var x=function(){

    }
    console.log(x)
//fn
}
test()

4 .所有变量声明:var ,由名称和对应值组成一个变量对象的属性被创建,如果变量名称跟已经声明的形式参数或函数相同,则变量声明不会干扰已经存在的这类属性

1 .function test(x,y){
    console.log(x)
// undefined
    var x=10
    console.log(x)
//10
}
test()

2 .
function test(x,y){
    function x(){

    }
    console.log(x)
//fn
    var x='123'
    console.log(x)
//123
}
test()
//不管怎么样还是会覆盖。。。

3 .


2 .

1 .创建阶段:函数被调用,但是在执行内部代码之前

1 .创建一个作用域链
2 .创建变量,函数和参数
3 .确定this的值

作用域链

1 .

变量对象

1 .当前独立作用域只能通过函数代码类型的执行上下文进行创建
2 .现在let const 好像也是可以创建作用域了
3 .如果变量与执行上下文相关,那变量应该知道自己的数据存储在哪里。并且知道如何访问,这种机制 就是变量对象
4 .全局上下文变量对象

1 .进入任何执行上下文之前都已经创建了的对象
2 .这个 对象只存在一份,他的属性在程序中任何地方都可以访问,全局对象的生命周期终止于程序退出那一刻
3 .全局对象初始创建阶段将math,string,date,parseInt作为自身属性,等属性初始化,通样也可以有额外创建的其他对象作为属性,比如在DOM中,全局对象的windo属性就可以引用全局对象自身
4 .

5 .函数上下文中的变量对象

1 .函数执行上下文中,所有的变量都在活动对象中存储
2 .活动对象是在进入函数上下文时刻被创建的。它通过函数的arguments属性初始化
3 .Arguments 对象是活动对象的一个属性
4 .cellee指向当前函数的引用
5 .length 真正传递的参数个数
6 .properties-indexes:里面的值和实际传递进来的参数之间是共享的
7 .

2 .激活,代码执行阶段

1 .赋值,引用函数,解释/执行代码

你可能感兴趣的:(js执行环境和栈)