JavaScript 随意整理

Posted 2020-10-02 说一是二

08.11

# javascript 基础
### 编程语言 
* 机器语言
* 汇编语言
* 高级语言
    * 编译型
    * 解释型

### JavaScript 发展
* ECMA3  确定了地位
* ECMA5  
* ECMA6 (ECMA2015  ECMA2016  ECMA2017)


###客户端 JavaScript 组成
* ECMAScript （核心 基本语法）
* BOM （浏览器模型）
* DOM  （文档对象模型）

###客户端 JavaScript 组成
* ECMAScript （核心 基本语法）
* BOM （浏览器模型）
* DOM  （文档对象模型）



# JavaScript 基本语法
### 在html中的使用
* 使用 script 标签引入 js文件
* 把js代码写在 script 标签中

### JavaScript 注释
* 单行注释   // 注释
* 多行注释  /*  注释  */

### JavaScript 指令结束符
* 换行
* 分号


### JavaScript 的输出
* 控制台输出  console.log()
* 弹框输出    alert()
* 输出到页面  document.write()

# JavaScript 变量
### 直接量
###变量： 装数据的容器
### 变量的命名规则
*  不能以数字开头
*  有 数字、字母、下划线 组成
*  不能使保留字
###命名方式
*  小驼峰   userAge
*  大驼峰   UserAge
*  匈牙利   user_age
### 声明变量
        
        var 变量名 = 值;
        var var01=val,var02=value;  //同时声明多个变量

# JavaScript 数据类型
### 原始类型
* Number  数字
* String     字符串
* Boolean   布尔
* Null          空
* Undefined   未定义


### 对象类型
* Date
* Array
* Object
* .....


### 检测函数
* typeof()



#  Number类型
### 分类
* 整型        整数
* 浮点型    小数

### 直接量表示
* 十进制的整数或小数  19.9
* 八进制表示    010
* 十六进制表示  0x65
* 科学计数法   7e6

### 特殊的Number
* inFinity 正无穷
* -inFinity  负无穷

### 非数字值 NaN (not a number)
* 与任何数字进行计算 结果是NaN
* 跟任何值都不相等


### 数值函数
* isNaN()  判断是否是 NaN   true/false
* isFinite()  是否无穷



# String 字符串
### 定义字符串
* 双引号
* 单引号

### 转义字符
\"
\‘
\n   换行
\r    回车
\t    制表符Tab
\v   垂直制表符
\f    换页符
\b   退格符
\\ 

### 字符串连接符
* +

 

08.14

# 数据类型转换
### 自动转换（在某种运算环境下）
* Number环境
* String环境
* Boolean环境

### 强制类型转换
* Number()
    *  字符串： 纯数字字符和空字符转为正常数字，其他NaN
    *  布尔值： ture:1  false:0
* String()
    
* Boolean()
    *  转换为false:  数字0,  空字符串， null 和 undefined
    *  转换为true:  值表示有东西
* parseInt()
    *  转换为整数
    *  与Number的区别： 一数字开头的字符串， 不会转换为NaN
* parseFloat()
    *   转换为小数或整数
    *  与Number的区别： 一数字开头的字符串， 不会转换为NaN



# JS操作 HTML
### 事件
* onclick

### 函数
* 声明函数 

        function 函数名(){
            代码;
        }
* 调用函数

        函数名()


### 获取元素
* document.getElementById("")
* js代码写在 html元素的后面

### JS 操作html元素的属性以及css数据
* 元素对象.属性名
* 元素对象.style.属性名
* css属性名用小驼峰命名法。 只有写在元素style中的css属性，才可以被获取
* innerHTML属性 获取或设置双标签内的内容



# 表达式
* 简单表达式； 变量、直接量
* 复杂表达式； 运算符与简单表达式的组合
* 函数调用表达式 



# 运算符
### 算术运算符
* 加号运算符  +
* 减号运算符  -
* 乘号运算符  *
* 除号运算符  /
* 取余运算符(取模)   %
* 负数运算符   -
* 正数运算符  +
* 递增运算符  ++
* 递减运算符  --


### 比较运算符
* 相等运算符  ==
* 不等运算符  !=
* 全等运算符  ===
* 不全等运运算符  !==
* 小于运算符  <
* 小于等于运算符  <=
* 大于运算符  >
* 大于等于运算符 >=
* in运算符

### 逻辑运算符
* 逻辑与 （并且）   &&
* 逻辑或 (或者)      ||
* 逻辑非               !

### 位运算符
* 按位与    &
* 按位或    |
* 按位非   ~
* 按位异或   ^
* 左移   <<
* 右移   >>


### 赋值运算符
* =
*  +=
*  -=
*  *=
*  /=
*  %=


### 其他运算符
* 字符串连接符 +
* ,运算符
* typeof 运算符
* 比较运算符   表达式 ? 表达式1 ： 表达式2
 

# 运算符优先级