• 浏览器执行js代码的机制--对于我们深入了解js有很大的帮助,同时面试时候也都能用得到。


    前端小菜又来了,这些天每天工作,晚上学习太累了。趁星期天给自己放个假。写完这个博客就要出去high了。鸡冻。接下来进入正题啦,

    你可能要问,我们学习这个有什么用啊?这样我先给大家来个小小的面试题。

         alert(a);
    C1: var a = 1;
    F2: function a() {
    alert(2);
    }
    alert(a);
    c2: var a = 3;
    alert(a);
    F2: function a() {
    alert(3)
    }
    alert(a);
    如果你知道答案,那么恭喜你,接下来别听我bb了。如果你会有疑惑的话,那么还是老老实实的咱们一块理理这个知识点。
    js解析器工作步骤:1:准备工作,把var定义的变量和function声明的函数开一个内存存储起来-也就是咱们通常讲的作用域,当遇到变量则只存储变量名而不进行赋值,当遇到
    函数,则把整个函数体当作字符串存进去。这时候,你会问了当我的变量名和函数名冲突了怎么办?浏览器默认是这样处理的。当函数名和变量名冲突的时候会优先选择函数。当生命两个
    一样的变量名,那么后边的会覆盖前边的。2,执行工作,一行一行的执行代码当遇到变量则从解析器中获取进行计算处理。
    咱们先看一下上边的这个例子:第一步,先存储变量名和函数名,依次存入内存的是c1,f1,c2,f2,他们的名字都是一样的。因此函数把变量覆盖,f2在f1后边定义的,f2把f1覆盖了。所以当我们执行的时候
    首先输出f2的函数体,即一个字符串,里边是函数的整个函数体,接下来给a赋值1。那么这时候alert(a)就是输出1了,接着走到c2,给a赋值3那么接下来就是输出3了。好了,分析完毕。如果大家有不同见
    解或者不清楚的,欢迎大家留言评论。可以出去high了。
  • 相关阅读:
    Linux 修改最大线程数
    Openresty+Nginx+Lua+Nginx_http_upstream_check_module 搭建
    SSDB 性能测试
    面向对象:类的成员
    封装,多态,类的约束,super()深入了解
    面向对象:继承
    面向对象:类的空间问题,类之间关系
    面向对象初识
    软件开发规范
    模块(四)包和logging日志
  • 原文地址:https://www.cnblogs.com/hjdjs/p/6258709.html
Copyright © 2020-2023  润新知