10.2.JS-js介绍、入门、js引入、变量、值类型、运算符

165 阅读2分钟

1. js介绍

组成:ECMAScript、DOM、BOM 主流浏览器内核: IE trident Chrome webkit/blink Firefox Gecko Opera presto Safari webkit

2. js入门

  1. js引入
    1. 页面内嵌 <script></script> 标签
    2. 外部引入 <script src='location'></script>
  2. 为符合Web标准(W3C标准中的一项),结构、样式、行为相分离,通常会采用外部引入

3. 变量

  1. 变量 variable
    1. 变量声明:
      1. 变量、赋值分解
      2. 单一var
  2. 命名规则:
    1. 变量名必须以英文字母、 _$ 开头
    2. 变量名可以包含英文字母、 _ 、 数字
    3. 不可以用系统的关键字、保留字作为变量名

4. 值类型

4.1. 原始值(栈数据stack):

Number String Boolean undefined null Symbol(es6)

  • null 代表空,用于占位
  • undefined 未定义
  • stack 先进后出
  • 原始值:变量-值
  • 不可改变的原始值,内存中值无法删除,只能覆盖,格式化内容只是删除指针,内存中数据没有消失,只有在新数据进入覆盖后内存中数据才会修改

4.2. 引用值(堆数据heap):

Array Object function ... date RegExp

  • 引用值:变量-地址-值

5. JavaScript语法基本规则

  • 语句后面要用分号结束;
  • 书写格式要规范,= + / _ 两边都应该有空格

js语法错误会引发后续代码终止,但不会影响其它代码块

  1. 低级错误(语法解析错误)
  • 错误: 使用中文符号: ; ?...
  • 整个代码块的代码都无法执行
  1. 逻辑错误(引用错误)
  • 后续代码终止
  1. 代码执行不会影响其它代码块
  • 两个js文件执行,一个报错,不影响另一个执行

6. 运算操作符

  • +
    1. 数学运算、字符串连接
    2. 任何数据类型加字符串都等于字符串
  • - * / % = ()
  • 优先级 = 最弱,() 优先级较高
  • ++ -- += -= /= *= %=

需求导致结果 逻辑学:由公式推导出结论