JavaScript_01基础_ECMAScript

文章目录

    • 简介
      • JavaScript的组成
      • 浏览器的工作原理
      • 语法
        • script标签
          • 属性
          • 内部样式
          • 引入样式
        • 注释
        • 规范
          • 标识符
          • 语句
          • 区分大小写
          • 驼峰标识
        • 变量
    • 数据类型
      • 基本数据类型
        • String
          • 转义字符
        • Number
          • 整数
          • 浮点数
          • NAN
            • isNaN
        • Undefined
        • Boolean
      • 复杂数据类型
        • Null
        • Object
        • Array
          • 遍历
        • Function
          • 函数调用
          • 函数的参数
          • 函数的返回值
      • 数据类型的转换
        • 转number
        • 转string
        • 转boolean
        • 隐式转换
          • 转Number
          • 转string
          • 转boolean
    • 运算符
      • 算数运算符
        • +
        • -
        • 运算符简写
        • 优先级
        • Math
      • 自增运算符
      • 逻辑运算符
        • 优先级
      • 关系运算符
      • 三元运算符
    • 控制流程
      • 选择结构
        • if_else
        • if_else if _else
        • switch case..
      • 循环结构
        • while
        • do…while
        • for
    • 代码调试
      • 断点
      • 设置变量值
      • 响应

简介

JavaScript用于实现页面的交互效果。JavaScript的语言大量借鉴了java的语法,但是二者并没有关系。主要作用:

  • 判断客户端输入(减少服务器压力)
  • 页面特效(PC端的网页效果)
  • 移动端(移动web和app)
  • 异步和服务器交互
  • 服务端开发(nodejs)

JavaScript 是世界用的最多的脚本语言(解释型语言,解释一行执行一行),同时也是一种客户端脚本语言,运行在浏览器上。

JavaScript的组成

ECMAScriptDOMBOM三部分组成:

  • ECMAScript

    定义JavaScript语言规范。

  • DOM

    Document Object Mode 文本对象模式,JavaScript操作网页元素的API。

  • BOM

    Browser Object Mode 浏览器对象模式,JavaScript操作浏览器部分的API。

浏览器的工作原理

JavaScript_01基础_ECMAScript_第1张图片

  1. User Interface 用户见面,我所见到页面效果;
  2. Browser engine 浏览器引擎,用来查询和操作渲染引擎;
  3. Rendering engine 渲染引擎,负责解析HTML、CSS;
  4. Networking 网络,负责发送请求;
  5. JavaScript Interperter JavaScript解释器,负责执行JavaScript代码;
  6. UI Backend UI后端,用来绘制类似接口组合框和弹出框;
  7. Data PERSISTENCE 数据持久化,数据存储。

语法

script标签

属性
属性值 描述
type 版本类型
src 引入外部样式
async 异步(多个人同时在做多件事)
sync 同步(一个人有序的做多件事)
defer 异步

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>异步和同步区别title>
    <script src="main.js" async="async">script>
    
        
    
head>
<body>
<div>看看我会不会显示div>
body>
html>

因为JavaScript是解释型脚本语言,从上到下,从左到右顺序执行。默认为同步执行,首先解释script中的代码,解释完成后才会往下执行div中的内容,也就是先弹出窗口哈哈哈,点击确定后,浏览器页面显示看看我会不会显示。要让它们同时显示,需要通过async属性设置为异步,多个人同时在做很多事。

defer与async都为异步,区别async加载.js文件完成后,就马上执行;而defer需整个HTML页面加载执行完成之后,才会执行script。

内部样式

HTML页面书写JavaScript。


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">script>
head>
<body>
body>
html>
引入样式

通过

你可能感兴趣的:(JavaScript,JavaScript学习笔记)