Javascript基础知识归纳

• Javascript – 交互层

是 编程语言  由三部分组成

1、ECMAScript（ES） – 语法规范

2、DOM （Document Object Model）– 文档对象模型

       有一套成熟的可以操作页面的API，如：增加个div，减少个div，给div换位置等

3、BOM （Browser Object Model） – 浏览器对象模型

       有一套成熟的可以操作浏览器的API，如：弹出框，浏览器跳转，获取分辨率等

• JS能做什么
  1. 轮播图
  2. 选项卡
  3. 数据的渲染
  4. 操作服务器
  5. 桌面的应用
  6. 游戏开发
• JS的书写位置
  1. 写在head标签里的script标签内
  2. 写在body标签的结束位置的script标签内 – 推荐的位置
  3. 单独写一个后缀为 .js 的文件，在html里用script链接外部js

• 弹窗 – alert（）

格式：

alert（“hello”）或 alert（‘holle’）——alert后写纯数字（阿拉伯数字）可以不加引号

弹窗内要显示的内容写在括号内的单引号或者双引号内

（两个alert之间使用换行默认是这个语句结束，建议不写分号）

• 文档写入 – document . write ()
  1. 格式

document . write (‘hello‘’)

document . write (‘js，我来了’)

document . write (<h1>这是一级标题</h1>)

• 1. 默认在一行显示
  2. 可以渲染标题
• 控制台输出（打印）- console.log（）
  1. 使用频率最高
  2. 用来测试代码
  3. 格式

console.log（666） --纯数字不用加引号

console.log（‘六’） -- 非纯数字加引号

• 用户输入框 – prompt（）
  1. 括号中不写内容 - prompt（）
  2. 括号内写提示文字 - prompt（‘提示文字’）
• 注释
  1. 单行注释
     1. //注释内容
     2. Ctrl + /
  2. 多行注释
     1. / * 注释内容 * /
     2. Shift + Alt + A
• 变量 – var
  1. 是一个保存数据的容器
  2. 是计算机中存储数据的标识符，根据变量名获取内存中存储的数据
  3. 语法：var 变量名 = 值
  4. 命名规则：
     1. 由数字，字母，下划线和$(美元符号)构成
     2. 不能使用纯数字或数字开头
     3. 不能使用下划线和$以外的特殊符号
     4. 严格区分大小写
     5. 有语义，不介意使用中文
     6. 驼峰命名法，firstName
• JS的基本数据类型
  1. 数值类型 – Number
  2. 字符串类型 – String

只要看到引号就是字符串

1. 1. 布尔类型 – Boolean

只有两个值 true （真）和 false （假）

1. 1. 空 – Null

只有一个值-null

1. 1. 未定义 – Undefined

只有一个值 undefined

• 检测基本数据类型
  1. typeof
  2. typeof （）
• 交换变量

• 加号的作用
  1. 求和
  2. 链接字符串
  3. 例如：

• 模板字符串

• 取整和取浮点
  1. parseInt（ ）  取整
  2. parseFloat（ ） 取浮点
  3. NaN （not a number） - 不是一个数字
  4. typeof NaN – 结果是number类型

• 转数值类型

var a = ‘12’   输出检测后是string 字符串类型

var b = Number（a） 将a的值转为数值类型

• 转字符串

String（数据）

.toString ( )

null和underfined不能使用toString（）方法，会报错

• 转布尔值

• 运算符
  1. 算数运算符（+   -   *   /   %）

四则运算按照数学里的规则运算

% - 取模（取余数）

例如：

特殊的：console.log ( 3 ** 2 )  表示3的2次方

1. 1. 比较运算符

——比较运算符的结果是布尔值

== 等于，不判断数据类型

=== 全等，判断结果也判断数据类型

！= 不等，是== 等于的取反

！== 是 === 全等的取反

注意！！不能连续比较

1. 1. 逻辑运算符

&&  与（和的意思）——同真才是真，其余为假

| |   或的意思 —— 同假才是假，其余为真

！  非（不是的意思） —— 非真即假

1. 1. 赋值运算符（=  -=  *=  /=  %=）

= 表示把=右边的赋值给左边的变量名

var a = 12

a = a + 20  等同于 a += 20 （其他的一样）

1. 1. 自增自减运算符（一元运算符）
      1. ++ 自增运算
         1. 前置++

先把值自动加1，再返回，例如

1. 1. 1. 1. 后置++

先把值返回，再自动加1，例如

1. 1. 1. 自减运算 —— 与自增运算同理