JS基础知识总结

Posted 2020-07-14

1. JS解析器

   JS解析分为两个步骤

   1. JS预解析
      1. 找东西
         • var
         • function
         • 参数
      2. 所有的变量在正式运行代码之前，都提前赋了一个值：未定义
      3. 所有的函数，在正式运行代码之前，都是整个函数块
      4. 注意：
         • 遇到重名的：只能留下一个
         • 变量和函数重名，只留下函数
         • 遵循后来居上的准则
   2. 逐行解读代码
      1. 表达式： = + - * / % ++ -- !  参数    ==>  改变值
      2. 表达式可以改变预解析的值

2. 作用域

   1. 作用：读、写
   2. 域：空间、范围、区域
   3. 注意：
      • script  是全局变量 全局函数  单线程 自上而下
      • 函数 由里到外
      • firefox  不能对下面的函数进行预解析

3. 函数调用方式

   1. 函数调用
   2. 直接调用
   3. 事件调用
   4. setInterval / setTimeout
   5. clearInterval / clearTimeout

4. 定时器

   1. setInterval(函数，毫秒)：重复不断的执行（发动机）
   2. setTimeout(函数，毫秒):执行一次（炸弹）

5. 数据类型

   1. 数字（NaN）
   2. 字符串
   3. 布尔值
   4. 函数
   5. 对象（obj [] {} null）
   6. 未定义
   7. 注意：
      • 数字的比较与字符串的比较：字符串的比较是一个一个字符比较
      • isNaN : is not a number 不是个数字
      • isNaN():
        1. 判断某些值是不是数字
        2. 不喜欢数字
        3. 内部依靠Number()进行转换

6. 数据类型转换

   • 显示类型转换
     1. Number()
        • 整体转换
        • 空的字符串转换为0
        • true=1 false=0
        • NaN
        • 不要转换函数
        • 空数组为0
        • json为NaN
        • null = 0
        • 未定义 = NaN
     2. parseInt(b,10)
        • 10表示转换为10进制数字
        • 一个一个字符进行转换
        • 认  + - 号
     3. parseFloat()
   • 隐式类型转换
     1. + 变成字符串
     2. - * / % 变成数字
     3. ++ -- 变成数字
     4. >   <  数字的比较/字符串的比较
     5. ! 取反  把右边的数据类型转换为布尔值
   • 注意
     1. == 比较值的大小
     2. === 比较数据类型
     3. 一旦所有的转换不成功，都会显示NaN
     4. 一旦程序中出现了NaN，肯定进行了非法的运算
     5. NaN 是false
     6. NaN 跟自己都不相等
     7. NaN 不是数字的数字类型

7. 真假问题

   • 真
     • 非0的数字
     • 非空字符串
     • true
     • 函数
     • 能找到的元素
     • []
     • {}
   • 假
     • 0
     • NaN
     • 空字符串
     • false
     • 不能找到的元素
     • null
     • 未定义

8. return返回值

   1. 函数名+括号：fn1() ==> return 后面的值
   2. 所有的函数默认返回值
   3. return 后面的代码都不操作了

9. 参数

   1. 实参 == 实际传递的参数
   2. 形参 == 形式上
   3. arguments
      • 实参的集合
      • 当函数的参数个数无法确定，就用arguments

10. getComputedStyle

    • 获取到的是计算机（浏览器）计算后的样式   //  IE6 IE7 IE8不兼容
    • FF4.0之前　　旧的火狐下getComputedStyle(obj,true);

11. currentStyle

    • 标准的浏览器不兼容
    • 注意：
      • background:url()　　复合样式　　不要获取
      • background：#ccc　　单一样式　　不要比较
      • 不要有空格