预解析、预处理

1. 在全局代码执行之前,js 引擎 就会创建一个栈来存储管理所有的 执行上下文对象

2. 在 全局执行上下文 window 确定以后,进行压栈

3. 在 函数执行上下文对象 确定以后,进行压栈

4. 当 函数 执行完,进行 出栈 操作

5. 当所有的代码执行完以后,栈中只剩下 window

注意: 当栈中含有多个 函数上下文对象 ,则表示当前在执行嵌套函数。

产生的上下文对象 个数 = n  + 1个全局上下文对象



  • 当 函数名 与 变量名 相同时,变量名 将被忽略________但是要注意赋值操作,具体情况,具体分析
  • 一定要注意 变量声明 提升
  • js 引擎 在将要执行全局代码之前,创建一个全局执行上下文对象 window
  • 将 var 关键字声明的变量,添加为 window 的属性,值为 undefined
  • 将 function 关键字什么的函数,添加为 window 的方法,值为 函数体
  • 确定全局 this 指向 为 window
  • js 引擎 在将要执行函数代码之前,创建一个函数执行上下文对象 (没办法直接操作)
  • 将 var 关键字声明的变量,添加为 函数执行上下文对象 的属性
  • 将 function 关键字声明的函数,添加为 函数执行上下文对象 的方法
  • 将实参赋给形参,添加为 函数执行上下文对象的属性
  • 将传入的实参添加到 arguments 对象中,并将 arguments 添加为 函数执行上下文对象 的属性
  • 解析器在每次调用函数时,都会传递两个隐含参数(this上下文对象,arguments 参数列表):
  • this    上下文对象
    • 根据函数调用方式的不同,this 指向不同的对象
      • 当作为普通函数调用时,this 指向全局对象 window
      • 当作为对象的方法被调用时,this 指向调用该方法的对象
      • 当作为构造函数调用时,this 指向创建的新对象
    • 构造函数
      • 出现的原因:由于目前为止,我们的对象都是用 new Object() 创建的,所以都是 Object 类的对象,不好区分。。。最好有个 Person 类,Animal 类
      • new Person()只要出现 new 就会在堆内存创建一个对象。
        • 这就是是一个构造函数,习惯上首字母大写。
        • 创建时,和普通函数没什么区别,即 function Person(){} 即可。只是用的时候加了 new 就是构造函数了。
      • 返回值为所建的对象。
      • 使用同一构造函数创建的对象,称为一类对象。。。构造函数称为。。。创建的对象称为该类的实例
    • function Person(name,gender,age){
      this.name = name;
      this.gender = gender;
      this.age = age;
      this.sayName = function(){
      document.write("我叫"+this.name);
      };
      } var ts = new Person("唐僧","男",27);
      ts.sayName(); // 使用 instanceof 可以检查 一个对象是否是某个类的实例
      console.log(ts instanceof Person); // 当然返回 true
      // xxx instanceof Object        永远返回 true ,因为所有对象都是 Object 的派生类
       
    • 由于构造函数没执行一次就会创建一个新的方法,如果执行1000次就会创建1000个方法,这些方法彼此相同。这1000个方法完全可以共用一个方法
      • 解决方法1,在全家作用域中定义方法,再赋予构造函数
      • 上面方法带来的新问题是:污染了全局作用域的命名空间,而且很不安全。
      • 于是, prototype 原型对象 完美解决了这个问题
  • arguments 参数列表对象

    • 在调用函数时,参数都会保存到 arguments 对象中。
    • 不是数组,但是可以使用 arguments.length 来获取参数个数。
    • 对于参数的访问也是用 [数字索引] 的方式来操作数据。
    • 所以即使不定义形参,也可以用 arguments 来接收并使用传递过来的实参。
    • arguments.callee 表示正在执行的函数对象。

(63)Wangdao.com第十天_预处理、预解析_函数 上下文对象、参数列表对象的更多相关文章

  1. c语言学习之基础知识点介绍(二十):预处理指令

    一.预处理指令的介绍 预处理命令:在编译之前触发的一系列操作(命令)就叫预处理命令. 特点:以#开头,不要加分号. #include: 文件包含指令 把指定文件的内容复制到相应的位置 #define: ...

  2. (52)Wangdao.com第七天_字面量/变量_标识符_数据类型_数据的存储

    JavaScript 字面量 和 变量 字面量:就是那些不可变的值,如1,2,100,2000,Infinity,NaN 变量: 变量,代表的当前随机分配的内存地址. 变量的值,是可变的,可以用来保存 ...

  3. 轻奢请向历史SAY NO_重青网_重庆青年报_重庆青年报电子版_重庆青年报网站_重庆青年报官方网站

    轻奢请向历史SAY NO_重青网_重庆青年报_重庆青年报电子版_重庆青年报网站_重庆青年报官方网站 轻奢请向历史SAY NO 经济学家George Taylor在他著名的"裙摆指数" ...

  4. 易语言关于使用CURL,网页_访问,网页_访问S,网页_访问_对象,鱼刺(winHttpW)发送Get性能测试

    易语言关于使用 CURL,网页_访问,网页_访问S,网页_访问_对象,鱼刺(winHttpW)发送Get性能测试 测试模块情况: |-精易模块5.8  |-鱼刺类Http  |-libCURL +++ ...

  5. Alink漫谈(十八) :源码解析 之 多列字符串编码MultiStringIndexer

    Alink漫谈(十八) :源码解析 之 多列字符串编码MultiStringIndexer 目录 Alink漫谈(十八) :源码解析 之 多列字符串编码MultiStringIndexer 0x00 ...

  6. Alink漫谈(十九) :源码解析 之 分位点离散化Quantile

    Alink漫谈(十九) :源码解析 之 分位点离散化Quantile 目录 Alink漫谈(十九) :源码解析 之 分位点离散化Quantile 0x00 摘要 0x01 背景概念 1.1 离散化 1 ...

  7. C++_系列自学课程_第_8_课_指针和引用_《C++ Primer 第四版》

    C语言最富有迷幻色彩的部分当属指针部分,无论是指针的定义还是指针的意义都可算是C语言中最复杂的内容.指针不但提供给了程序员直接操作硬件部分的操作接口,还提供给了程序员更多灵活的用法.C++继承这一高效 ...

  8. C++_系列自学课程_第_6_课_bitset集_《C++ Primer 第四版》

    在C语言中要对一个整数的某一个位进行操作需要用到很多的技巧.这种情况在C++里面通过标准库提供的一个抽象数据类型 bitset得到了改善. 一.标准库bitset类型 1.bitset的作用 bits ...

  9. Demo02_对结构体进行文件读写_张仕传_作业_

    #include <iostream> using namespace std; #define StructArrarySize 5 // 老师数量 #define StudentNum ...

随机推荐

  1. JS异步加载的三种方案

    js加载的缺点:加载工具方法没必要阻塞文档,个别js加载会影响页面效率,一旦网速不好,那么整个网站将等待js加载而不进行后续渲染等工作. 有些工具方法需要按需加载,用到再加载,不用不加载. 一.def ...

  2. 消除导入MNIST数据集发出的警告信息

    原本导入数据集你仅需这样: # Import MNIST data from tensorflow.examples.tutorials.mnist import input_data mnist = ...

  3. BootStrap顺序验证和指定字符个数发送请求

    fields: { curPwd: { verbose: false, //代表验证按顺序验证.验证成功才会下一个(验证成功才会发最后一个remote远程验证) threshold: 6,//有6字符 ...

  4. Jumpserver(堡垒机)的安装与应用

    官网:http://docs.jumpserver.org/zh/docs/introduce.html 作者:邓聪聪 环境 系统: CentOS 7.6 IP: 172.16.16.2 关闭 sel ...

  5. vs 快捷操作

    1.   选中所需行 增加缩进 tab 减少缩进 shift+tab 2.附加调试:ctrl+alt+p: 全部用快捷键操作看起来真的很6

  6. centos7.6环境下编译安装tengine-2.2.2的编译安装

    centos7.6环境下编译安装tengine-2.2.2的编译安装 .获取tengine2..2的源码包 http://tengine.taobao.org/download/tengine-2.2 ...

  7. ubuntu 1604安装docker-ce 记录

    以前在linux 内核为2.x的低版本中安装过docker,但是很多功能特性都无法使用,本次是在ubuntu 16.04上安装,记录安装过程,方便后续查阅. 一.安装前准备: 1. 安装包,允许 ap ...

  8. [NOI2015]软件包管理器-树链剖分

    #include<bits/stdc++.h> using namespace std; const int maxn = 1e6+5; int n,m; int e,begin[maxn ...

  9. Python-web应用 +HTTP协议 +web框架

    web架构 # web应用 架构# C/S 架构 | B/S 架构# client server: 客户端服务器架构,C++# browser server:浏览器服务器架构,Java.Python ...

  10. js定义数组集合

    简单描述:最近脑子有点抽,js要用到数组,竟然傻傻的写了 var [] str = .简直是糟糕的不要不要的 //js代码var str = [];var str =new Array(); 啥也不说 ...