zoukankan      html  css  js  c++  java
  • JavaScript高级(02_函数高级)

    原型与原型链

    • 所有函数都有一个特别的属性:

      • prototype : 显式原型属性

    • 所有实例对象都有一个特别的属性:

      • __proto__ : 隐式原型属性

    • 显式原型与隐式原型的关系

      • 函数的prototype: 定义函数时被自动赋值, 值默认为{}, 即用为原型对象

      • 实例对象的proto: 在创建实例对象时被自动添加, 并赋值为构造函数的prototype值

      • 原型对象即为当前实例对象的父对象

    • 原型链

      • 所有的实例对象都有proto属性, 它指向的就是原型对象

      • 这样通过proto属性就形成了一个链的结构---->原型链

      • 当查找对象内部的属性/方法时, js引擎自动沿着这个原型链查找

      • 当给对象属性赋值时不会使用原型链, 而只是在当前对象中进行操作

    执行上下文与执行上下文栈

    • 变量提升与函数提升

      • 变量提升: 在变量定义语句之前, 就可以访问到这个变量(undefined)

      • 函数提升: 在函数定义语句之前, 就执行该函数

      • 先有变量提升, 再有函数提升

    • 理解

      • 执行上下文: 由js引擎自动创建的对象, 包含对应作用域中的所有变量属性

      • 执行上下文栈: 用来管理产生的多个执行上下文

    • 分类:

      • 全局: window

      • 函数: 对程序员来说是透明的

    • 生命周期

      • 全局 : 准备执行全局代码前产生, 当页面刷新/关闭页面时死亡

      • 函数 : 调用函数时产生, 函数执行完时死亡

    • 包含哪些属性:

      • 全局 :

        • 用var定义的全局变量 ==>undefined

        • 使用function声明的函数 ===>function

        • this ===>window

      • 函数

        • 用var定义的局部变量 ==>undefined

        • 使用function声明的函数 ===>function

        • this ===> 调用函数的对象, 如果没有指定就是window

        • 形参变量 ===>对应实参值

        • arguments ===>实参列表的伪数组

    • 执行上下文创建和初始化的过程

      • 全局:

        • 在全局代码执行前最先创建一个全局执行上下文(window)

        • 收集一些全局变量, 并初始化

        • 将这些变量设置为window的属性

      • 函数:

        • 在调用函数时, 在执行函数体之前先创建一个函数执行上下文

        • 收集一些局部变量, 并初始化

        • 将这些变量设置为执行上下文的属性

    作用域与作用域链

    • 理解:

      • 作用域: 一块代码区域, 在编码时就确定了, 不会再变化

      • 作用域链: 多个嵌套的作用域形成的由内向外的结构, 用于查找变量

    • 分类:

      • 全局

      • 函数

      • js没有块作用域(在ES6之前)

    • 作用

      • 作用域: 隔离变量, 可以在不同作用域定义同名的变量不冲突

      • 作用域链: 查找变量

    • 区别作用域与执行上下文

      • 作用域: 静态的, 编码时就确定了(不是在运行时), 一旦确定就不会变化了

      • 执行上下文: 动态的, 执行代码时动态创建, 当执行结束消失

      • 联系: 执行上下文环境是在对应的作用域中的

    闭包

    • 理解:

      • 当嵌套的内部函数引用了外部函数的变量时就产生了闭包

      • 通过chrome工具得知: 闭包本质是内部函数中的一个对象, 这个对象中包含引用的变量属性

    • 作用:

      • 延长局部变量的生命周期

      • 让函数外部能操作内部的局部变量

    • 写一个闭包程序

      function fn1() {
        var a = 2;
        function fn2() {
          a++;
          console.log(a);
        }
        return fn2;
      }
      var f = fn1();
      f();
      f();
    • 闭包应用:

      • 模块化: 封装一些数据以及操作数据的函数, 向外暴露一些行为

      • 循环遍历加监听

      • JS框架(jQuery)大量使用了闭包

    • 缺点:

      • 变量占用内存的时间可能会过长

      • 可能导致内存泄露

      • 解决:

        • 及时释放 : f = null; //让内部函数对象成为垃圾对象

  • 相关阅读:
    108. Convert Sorted Array to Binary Search Tree
    107. Binary Tree Level Order Traversal II
    106. Construct Binary Tree from Inorder and Postorder Traversal
    105. Construct Binary Tree from Preorder and Inorder Traversal
    104. Maximum Depth of Binary Tree
    103. Binary Tree Zigzag Level Order Traversal
    102. Binary Tree Level Order Traversal
    系统和进程相关信息
    文件I/0缓冲
    系统编程概念(文件系统mount等函数的使用)
  • 原文地址:https://www.cnblogs.com/lich1x/p/13696356.html
Copyright © 2011-2022 走看看