web与js知识笔记

一、JS引入、输出、注释基础

1. 三种引入JS方式
​

• 行内式：写在标签事件属性  javascript:xxx 
  ​
• 内嵌式：  
  ​
• 外链式：  ，src引入外部js，link、style不能引入JS
  ​
  2. 页面输出方法
  ​
• alert() 弹窗；console.log() 控制台打印；document.write() 页面输出
  ​
  3. 注释
  ​
• 单行： //  多行： /* */ ；#、--不是JS注释
  ​
  4. 基础特性
  ​
• 脚本语言、跨平台不依赖操作系统；空格换行无影响；区分大小写
  ​
  5. 路径区分
  ​
• 相对路径  js/test.js ；根路径  /js/test.js

二、变量与标识符、数据类型

1. 变量命名规则（标识符）
​

• 允许：字母、数字、_、$；不能数字开头
  ​
• 禁止：关键字（var、this、in、function、if等）
  ​
• 区分大小写， Abc 和 abc 是两个变量
  ​
  2. var、let特性
  ​
• var省略会生成全局变量，不推荐；只声明不赋值值为undefined
  ​
• let拥有块级作用域，仅 {} 内部生效
  ​
  3. 数据类型
  1）基础类型：数字、字符串、布尔true/false（必须小写）、null、undefined
  2）假值（转Boolean为false）：0、""、null、undefined、NaN、false
  3）空值：null、undefined；0、空字符串不属于空值
  ​
  4. 类型转换
  ​
• Number()：true转1，false转0
  ​
• String()：任意数据转字符串，null.toString()报错
  ​
  5. 数组基础
  ​
• 创建： [] 字面量 / new Array()
  ​
• 数组可存储任意类型：数字、布尔、null、数组、undefined
  ​
• 下标从0开始，支持稀疏数组（下标可不连续）
  ​
• length属性：长度=最大下标+1；手动缩短length会删除末尾元素
  ​
• 访问数组： arr[下标] ，不能用点语法访问数字下标
  ​
  6. 数组遍历方式
  ​
• for、while、do…while：遍历所有下标，空位读取为undefined
  ​
• for…in：仅遍历存在元素的下标，自动跳过空位

三、运算符

1. 赋值运算符： =、+=、-= ，运算顺序从右往左
​
2. 比较运算符
​

• == 宽松相等：自动转换类型对比值，不同类型可比较
  ​
• === 严格相等：同时对比值+数据类型
  ​
  3. 逻辑运算符
  ​
• 逻辑与 && 、逻辑或 || ；&、|是位运算，不属于逻辑运算符
  ​
• && ：全真才真，一假则假
  ​
  4. 算术运算符
  ​
• + 双重作用：两边全数字则加法；含字符串则拼接
  ​
• 取模 % ：余数符号和被除数一致
  ​
• 自增++、自减--：仅变量可用，数字常量不能自增
  ​
  5. 运算符优先级：括号()最高 > 算术 > 比较 > 逻辑 > 赋值 > 逗号最低
  ​
  6. NaN：代表无效非数字结果