JavaScript 技术学习总结|青训营

80 阅读2分钟

JavaScript的背景与发展历程

JavaScript于1995年诞生,此时名为LiveScript,后来才改名为JavaScript。 1997年,欧洲计算机协会将JS的标准规范为ECMAScript(ES)。 直到1999年至2000年,ES3和IE5的问世以及AJAX时代的来临,JS开始占据了主流的市场。2009年,ES5和JSON的出现才使得JS中一些冗余的设计给规避掉; 2015年,ES6的出现才让前端开发者真正迈入自己的时代。 到目前有接近30年的历史,JavaScript的生态已经非常的广泛了。

JavaScript的通用作用

  1. 校验用户输入
  2. 简单的客户端计算
  3. 交互控制
  4. 平台无关性
  5. 处理数据和时间
  6. 生成HTML内容
  7. 检测用户的浏览器的系统

JavaScript的语法特点

  • 借鉴C语言的基本语法
  • 借鉴Java的内存管理
  • 借鉴Scheme语言,函数占据“第一位置”
  • 借鉴Self语言,使用基于原型的继承机制

JavaScript基本语法

  • 六种基本类型
    • String
    • Number
    • Boolean
    • Null
    • Undefined
    • Symbol
    • Object(Array,Function)

image.png

  • 基础语法定义
    • var a = 3 + "7"; //会统一化数据类型,结果是"37"
  • 面向对象(Object)
var user = {
          name: "LUCY",
          sex:1,
          calculateAge:function(){
          //function
          }
 }
  • Function
function getName(){
         return name;
}

Javascript的实现机制

在浏览器中的运行

渲染引擎

负责加载页面,根据HTML渲染DOM树,获取CSS资源并且计算CSS树,最终渲染合成,绘制图层。

JavaScript引擎

image.png

在HTML的运行

  1. <script></script>
  2. DOM,转化为JS对象
  3. 事件顺序:Document、HTML、BODY、DIV、Button
  4. 单线程
  5. 存在微任务队列和宏任务队列(先执行微任务队列里面的事件)