JS基础知识总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS基础知识总结相关的知识,希望对你有一定的参考价值。

  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  单一样式  不要比较
      • 不要有空格

以上是关于JS基础知识总结的主要内容,如果未能解决你的问题,请参考以下文章

JS基础知识总结

js基础知识总结(2016.11.1)

js基础知识点总结

JS基础知识总结

JS基础知识总结

js基础知识入门总结