JavaScript基本笔记

JavaScrip基础笔记

ECMAScript

与 html 结合方式
- 内部 js：定义 script，标签内容就是 js 代码
- 外部 js ：创建 js 文件，通过 src 外部应用 js 文件
```
<script src="文件位置"></script>
```
注意：script 标签可以定义在页面的任何位置，但是定义的位置会影响执行的顺序
注释
- 当行注释：//注释内容
- 多行注释：/* 注释内容 */
数据类型
- 原始数据类型
  - number：数字整数、小数、NaN（not a number，一个不是数字的数字类型）
  - string：字符串
  - boolean：true和false
  - null：一个对象为空的占位符
  - undefined：未定义一个变量没有给初始值，则会被默认赋值为 undefined
- 引用数据类型：对象
变量
- js 是弱类型语言，申明变量 var 变量名 = 初始化值；
- typeof 运算符：获取变量的类型
  
  注意：null 运算后得到的类型是 object
运算符
- 和 java 一样具有自增和自减运算符（++、--）
- 非数字进行运算时，js 引擎会自动的将运算数进行类型转换
  - string->number：按字面值转换，如何字面值不是数字，则转换成 NaN
  - boolean->number：true为1，false为0
- 其他类型转 boolean
  - number：0或NaN为假，其他为真
  - string：除了空字符串("")，其他都是true
  - null&undefined:都是false
  - 对象：所有对象都为true

基本对象

Function：函数（方法）对象
- 创建
```
//方式一，不推荐使用
var fun = new Function(形式参数列表，方法体)

//方式二
function 方法名称(形式参数列表){
    方法体
}

//方式三
var 方法名 = function(形式参数列表){
    方法体
}
```
- 属性：
  
  length：用来获取形参个数
- 特点：
  - 方法定义时，形参的类型不用写,返回值类型也不写
  - 方法是一个对象，如果定义名称相同的方法，会覆盖
  - 在JS中，方法的调用只与方法的名称有关，和参数列表无关
  - 在方法声明中有一个隐藏的内置对象（数组）arguments 封装所有的实际参数
  注意：js 中没有java的重载，它只会接受对应的数据赋给形式参数，可以通过 arguments 获取所有形式参数
- 方法调用
  
  方法名称（实际参数列表）
Array：数组对象
- 创建：
```
1. var arr = new Array(元素列表);
2. var arr = new Array(默认长度);
3. var arr = [元素列表];
```
- 方法：
  - join(参数)：将数组中的元素按照指定的分隔符拼接为字符串
  - push(参数)：向数组的末尾添加一个或更多元素，并返回新的长度
- 属性：
  
  length：数组的长度
- 特点：
  - js中，数组的元素类型可以不同
  - js中，数组长度可变
Date：日期对象
- 创建：
```
var date = new Date();
```
- 方法：
  - toLocaleString()：返回当前date对象对应的时间本地字符串格式
  - getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差

Math：数学对象

创建：Math对象不用创建，直接使用，Math.方法名()

方法：

Math.random():返回 0 ~ 1 之间的随机数。 含0不含1
Math.ceil(x)：对数进行上舍入。
Math.floor(x)：对数进行下舍入。
Math.round(x)：把数四舍五入为最接近的整数

RegExp：正则表达式对象
- 规则：
  - 单个字符 []
    
    [a] [ab] [a-zA-Z0-9]
    
    \d:单个数字字符 [0-9]
    
    \w:单个单词字符[a-zA-Z0-9_]
  - 量词符号：
    
    ？：表示出现0次或1次
    
    *：表示出现0次或多次
    
    +：出现1次或多次
    
    {m，n}：表示m<=数量<=n
  - 开始结束符号：
    
    ^:开始
    
    $:结束
- 创建正则对象：
```
var reg = new RegExp("正则表达式");

var reg = /正则表达式/;
//用reg.test(参数)来检查字符串是否符合正则表达式的定义
```
Global
- 特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。方法名();
- 方法：
  - encodeURI():url编码
  - decodeURI():url解码
  - encodeURIComponent():url编码,编码的字符更多
  - decodeURIComponent():url解码
  - parseInt():将字符串转为数字（逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number）
  - isNaN():判断一个值是否是NaN
  - eval():讲 JavaScript 字符串，并把它作为脚本代码来执行。