写在前面，勉励自己

基础很重要，只有基础好才会很少出bug，大多数的bug都是基础不扎实造成的

简介

导入 —— 什么是语言

  • 计算机就是一个由人来控制的机器
  • 我们要学习的语言就是人和计算机交流的工具，人类通过语言来控制、操作计算机
  • 编程语言和我们说的中文、英文本质上是没有区别的，只是语法比较特殊

  • 语言的发展：

    • 纸带机：机器语言
    • 汇编语言：符号语言
    • 现代语言：高级语言

      JS起源

  • JavaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证

  • 所谓的前端验证，就是指检查用户输入的内容是都符合一定的规则
  • 比如：用户名的长度，密码的长度，邮箱的格式等

简史

  • JavaScript 是由网景公司发明，起初命名为LiveScript，后来由于SUN公司的介入更名为了JavaScript
  • 1996年微软公司在其最新的IE3浏览器中引入了自己对JavaScript的实现 JScript
  • 于是在市面上存在两个版本的JavaScript,一个网景公司的JavaScript和微软的JScript
  • 为了确保不同的浏览器上运行的JavaScript标准一致，所以几个公司共同定制了JS的标准名 命名为ECMAScript
  • ES1——ES3 TC39（欧洲计算机协会）制定下一版本的ES4，最终因意见不合导致ES4搁置，反而新推出了ES5
  • 2015年，将被“冷藏”的ES4拿出来，推出了ES6（大版本更新）
  • 2016年，推出ES7；2017，ES8；2018，ES9；2019，ES10

实现

  • ECMAScript是一个标准，而这个标准需要由各个厂商去实现

  • 不同的浏览器厂商对该标准会有不同的实现
    | 浏览器 | JavaScript实现方式 | | —- | —- | | Firefox | SpiderMonkey | | Internet Explorer | JScript/Chakra | | Safari | JavaScriptCore | | Chrome | V8 | | Carakan | Carakan |

  • ECMAScript = JavaScript

  • 实际上JavaScript的含义要更大一些（前端）
  • 一个完整的JavaScript实现应该由以下三个部分构成：
    • ECMAScript（核心语法）
    • DOM 文档对象模型（W3C）
    • BOM 浏览器对象模型（网景）

特点

  • JS的特点
    • 解释型语言
    • 类似于C和Java的语法结构
    • 动态语言
    • 基于原型的面向对象

      JavaScript 的作用

网页开发

  • 一个完整的JavaScript实现应该由以下三个部分构成（浏览器端）：
    • ECMAScript（核心语法）
      • 变量
      • 流程控制
      • 循环
      • 数据类型
      • …
    • DOM 文档对象模型（W3C）
      • Document Object Model 文档对象模型
    • BOM 浏览器对象模型（网景）
      • Browser Object Model 浏览器对象模型

宿主环境：JS运行的环境就称为宿主环境
包括：

  • 浏览器端
  • Node

总之，JavaScript的作用分为以下两点：

  • 交互效果
  • 收集数据

    JS的准备语法

  1. 如何来编写JavaScript？
    • 将js嵌入网页中
      • 位置：除文档声明头前面的其他任何位置；推荐：</body>和</html>之间；
      • 结果：script标签会被浏览器放在body最后，保证js设置的效果目标被选中；
      • <script></script>双标签
    • 将独立的javascript文件引入到网页中
      • 通过script标签 配合src属性来引入外部独立的文件
        <script src=""></script>
  2. 打印
    在js代码编写过程中经常需要进行调试,使用频率最高的是console.log();。
    console是一个对象，里面有很多函数可以帮助我们来在控制台进行调试。

  3. 弹窗
    名字（）—->函数 

    1. alert(); // 输出弹窗
    2. confirm(); // 显示一个具有一个可选消息和两个按钮(确定和取消)的模态对话框 
    3. prompt(); // 输入弹窗

  4. 语句和表达式

    1. 语句
      • 由多个部分构成，不一定要有结果
    2. 表达式
      • 凡是强调一定要有结果的叫做表达式
  5. 语句结束符
    在语句的最后，最好写上一段语句的结束符，表示语句的结束。