JavaScript快速入门笔记之一（基本概念）

JavaScript快速入门笔记之一（基本概念）

• 前端三大语言：

  • HTML：专门编写网页内容的语言
  • CSS：专门美化网页样式的语言
  • JavaScript：专门编写网页交互的语言

• 名词解释：

  • 交互：输入数据，处理数据，返回结果
  • 脚本：不用编译，直接边解释边执行的程序(会预读)
  • 事件：用户或浏览器自身触发的动作，事件触发后，才会执行事件处理程序
  • 程序：让计算机可以执行任务的指令的序列，程序=数据结构+算法
  • 数据结构：程序中数据的存储结构
  • 算法：程序的执行步骤！顺序，分支，循环
  • 数据类型：数据在内存中的存储格式，不同数据的类型，可执行的操作不同
  • 变量：内存中一块存储一个数据的空间，再起一个名字。
  • 常量：一旦创建，值不可改变的量
  • 引用类型：对象不保存在变量本地，变量通过对象的地址使用对象。使用变量等效于使用变量引用的对象
  • 对象：封装多个‘数据’，并提供对数据的‘操作方法’。对象=数据+方法
  • 实例：凡是用new 构造函数()创建出的对象，都称为是构造函数的实例
  • 函数：在全局定义的不属于任何对象的function，函数也是一个对象！
  • 方法：包含在对象中，通过对象调用的函数
  • API：厂商已定义好的，可直接用的方法/函数，使用者不必关心实现细节
  • js内置对象：ES标准中规定的，由厂商已经实现的对象，程序员只要直接使用即可。不用关心具体实现。

  历史：
  Netscape：网景
  客户端脚本语言：LiveScript
  Sun Java——“write once run anywhere”
  LiveScript: JavaScript
  “像极了Java，但比Java简单的多”
  JavaScript–>ECMA–>ECMAScript:行业标准，规定核心语法！
  Netscape：遵照标准实现JavaScript
  Microsoft：遵照标准实现JScript
  W3C：万维网联盟，是对网络标准制定的一个非盈利组织。如HTML XHTML CSSS XML等的标准
  DOM标准（W3C）：专门操作网页内容的API标准
  JavaScript=ECMAScript(核心语法)+DOM(专门操作网页内容的标准)+BOM(专门操作浏览器窗口的API)
  2004：Mozilla Firefox

• 如何使用：

  • 1. 使用浏览器自带的js引擎：
       浏览器中包含两个引擎：

    • 内容排版引擎：负责加载HTML内容，渲染css样式

    • js解释器/引擎：负责解释，并执行js程序

      浏览器控制台：专门调试程序，显示输出结果的浏览器窗口

  • 2. 独立安装的js引擎：node.js V8
       让js运行在任何平台。

• 网页中如何编写js，3种方式：
  • 1. 网页中的<script>元素中：
       <script>可以写在网页的任何位置，随网页解释执行
    2. 元素的事件属性中：
       <元素 on事件名=“事件处理程序（js语句）”…
       例：
       <p onclick="window.alert('Hello onclick')"...
    3. 单独的.js文件中集中编写：
       2步：
       1. 新建.js文件，包含js程序
       2. 在html页面顶端，引入外部js文件:

• 如何调试js程序：
  • js中错误：只要希望的功能没执行，说明功能出错了
    - 控制台中包含：错误类型：错误原因 错误位置链接
    - 错误现象：
    出错位置之前的代码——正常执行
    同一script中出错位置之后的代码——不执行
    一个script出错，不影响其他位置script的执行
  • JavaScript的特点
    • 代码可使用任何文本工具编写，语法类似于Java
    • 无需编译，由JavaScript引擎解释执行
    • 弱类型语言
    • 基于对象
  • JavaScript用途：
    • 客户端：
      • 客户端数据计算
      • 表单输入验证
      • 浏览器事件触发和处理
      • 网页特殊效果显示制作
      • 服务器异步数据提交
    • 服务器：
      • 分布式运算
      • 实时服务器
      • 窗口应用
      • 网络应用