前端-js基础-

#博学谷IT学习技术支持

目录

作用域

预解析

JavaScript 对象

利用new Object 创建对象

利用构造函数创建对象

---

• 作用域

  • 作用域：代码名字（变量）在某个范围内起作用和效果
  • 目的：提高程序逻辑的局部性，增强程序的可靠性，减少名字冲突
  • 全局作用域

    

  • 局部作用域

    

  • 变量的作用域
    • 全局变量 （在函数外部定义的变量）
      • 全局变量在代码的任何位置都能使用
      • 在全局作用域下 var声明的变量是全局变量
      • ⚠️特殊情况下，在函数内不使用var声明的变量也是全局变量（不推荐使用）

      • 

    • 局部变量（在函数内部定义的变量）
      • 局部变量只能在该函数内部使用
      • 在函数内部 var 声明的变量是局部变量
      • 函数的形参实际上就是局部变量

      • 

    • 全局变量和局部变量的区别

      

  • 作用域链
    • 内部函数访问外部函数的变量，采取的是链式查找的方式来决定取那个值 这种结构我们称为作用域链 就近原则

    • 

    • 案例：

      

• 预解析

  • JavaScript 解析器在运行 JavaScript 代码的时候分为两步：预解析和代码执行。
  • 预解析：在当前作用域下, JS 代码执行之前，浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或者定义。
  • 代码执行：从上到下执行js语句
  • 变量预解析(变量提升) ：变量的声明会被提升到当前作用域的最上面，变量的赋值不会提升
  • 函数预解析(函数提升) ：函数的声明会被提升到当前作用域的最上面，但是不会调用函数
  • 案例

    • 

    • 

• JavaScript 对象

  • 对象：一个具体的事物 （由属性和方法组成）
    • 属性：事物的特征（常用名词）
    • 方法：事物的行为 （常用动词）
  • 创建对象的三种方式
    • 利用字面量创建对象
      • 对象字面量：就是花括号{ }里面包含了表达这个对象的属性和方法
      • { } 里面采取键值对的形式表示
        • 键：相当于属性名
        • 值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型、函数类型等）

      • 

      • 对象的调用
        • 属性调用：对象.属性名 ， . 可以理解为‘的’ （常用）
        • 属性调用： 对象[ '属性名'] ，⚠️方括号里面的属性必须加引号
        • 方法调用：对象.方法名（）， ⚠️方法名字后面一定加括号

          

      • 

    • 利用new Object 创建对象

      • Object ( ) ：第一个字母大写
      • new Object ( ) ：需要 new 关键字
      • 使用的格式 ： 对象.属性 = 值；

      • 

    • 利用构造函数创建对象

      • 构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，总与new 运算符一起使用。可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面

        

      • ⚠️ 构造函数用于创建某一类对象，首字母要大写
      • ⚠️ 构造函数要和 new 一起使用才有意义
      • ⚠️ 函数内的属性和方法前面需要添加this ，表示当前对象的属性和方法
      • ⚠️ 构造函数中不需要 return 返回结果
      • 语法格式

        

      • 

      • 构造函数：泛指某一大类 如：Stars（）
      • 创建对象： 特指某一个 ，通过new 关键字创建对象的过程称为对象实例化 如：new Stars ( )
  • new 关键字
    • new关键字执行过程
    • 1. new 构造函数可以在内存中创建了一个空的对象
    • 2. this 就会指向刚才创建的空对象
    • 3. 执行构造函数里面的代码 给这个空对象添加属性和方法
    • 4. 返回这个对象
  • 遍历对象属性
    • for ... in 语句用于对数组或者对象的属性进行循环操作
    • 语法

      

    • 语法中的变量是自定义的，需要符合命名规范，通常我们会将这个变量写成 k 或者 key