【JavaScript】快速学习JS

JS区分大小写，后面的分号可有可无；

输出语句

window.alter()  // 写入警告框；在浏览器中的警告弹窗输出

document.write() // 写入html输出；在html页面中输出

console.log() // 写入浏览器控制台；在控制台输出

---

变量

变量可以存放不同类型的值；

var声明的变量是全局变量；var可以重复定义同一个变量

let定义的变量是局部变量；let不可以重复定义同一个变量

const修饰的常量不能改变；

（var  a = 10; a = “张三”// 后面的值会将前面的值覆盖）

---

数据类型

原始类型、引用类型

原始类型：number（数字）、String（字符串）、boolean（布尔）、null（对象为空）、undefined（声明的变量没有初始化，默认值）；

typeof运算符（可以获取数据类型）alter（typedef 变量值）; // 弹出变量类型

---

运算符

比较运算符：其他运算符都是和C语言一样的

== // 会先进行类型转换，再进行比较；

=== // 全等运算符，类型不同直接返回false，不会进行类型转换；

---

类型转换

将字符串转化为数字（使用parseInt），转换出来的不是数字就转化为NaN

其他类型转换为loobean：

1：数字转换为布尔类型（0和NaN转换出来时false，其他数字全是true）

2：字符串转化为布尔类型（除了空字符串为false，其他全为true）

3：Null和defined转化均为false

---

函数（相当于java中的方法）

function定义函数 ；//在函数调用时可以传递任意个参数

function 函数名（参数，参数 ...）// 不需要指定方法返回值，也不需要指定参数类型

{

    // 执行代码

}

var 函数名 = function（参数，参数...）

{

    // 执行代码

}

---

对象：Array、String、JSON、BOM、DOM

自定义对象

var 对象名 = {属性1：属性值，属性2：属性值，函数名：function（参数，参数...）{}}；

调用对象方法

对象名.属性名；

对象名.函数名；

---

Array数组

var 变量名 = new Array（元素列表）；

var 变量名 = [元素列表];

// 数组特点：长度可变、类型可变

length(属性)

数组名.length // 获取数组的元素个数

(下面三个是方法)

1、数组名.forEach(function(e)){console.log(e)}

• // 遍历数组中每个有值的元素、并调用一次传入函数
• // e表示遍历到的有值元素（箭头函数：可以省略function， 在参数后加=>）
• // forEach(e)=>){console.log(e)}

2、数组名.push(加入的元素值) // 将新元素添加到数组末尾，返回新数组长度

3、数组名.splice(开始的下标，删几个元素) // 从数组中删除元素

---

String字符串

var 变量名 = new String("")；

var 变量名 = “”；

（属性）

变量名.length // 字符串的长度

（方法）

charAt() // 返回指定位置的字符串；在括号内写下标

indexOf() // 检索字符串；括号内输入字符串

trim() // 去除字符串两边的空格

substring(start，end) // 提取字符串中两个指定的索引号之间的字符；开始下标，结束下标（含头不含尾，所以尾加1）

---

JSON字符串

JSON对象标记法，通过对象标记法写的文本

JSON多用于数据载体，在网络中进行数据传递

JSON先用单引号引起，key值使用双引号引起，value的数据类型：数字、字符串（双引号引起）、逻辑值（false、true）、数组（在方括号中）、对象（在大括号中）、null

var 变量名 = ‘{“key1”：value1，“key2”：value2}’；

var use = “{“name”：“张三”，“address”：[“成都”，“西安”]}”；

JSON字符串转化为JS对象

var obj = JSON.parse(JSON变量名)；

JS对象转化为JSON字符串

var json = JSON.stringify(obj对象名);

---

BOM对象

BOM浏览器对象模型

Window：浏览器窗口对象

Location：浏览器地址对象

属性

history：获取历史记录这个对象的

location：获取地址栏对象的；

navigator：获取浏览器对象的

方法：

alert（）：显示确认按钮的警告框

confirm（“提示信息”）：显示取消和确定按钮的对话框；// confirm方法是有返回值的，点击确认是true，点击取消是false；

setInterval（function（参数）{}，3000）：周期性执行某个函数、计算表达式

setTimeout（function（参数{}，3000））：延迟指定时间（只执行一次）

location：获取浏览器窗口

// location.href （这是拿到当前地址栏的对象）

//  location.href = "新地址"; // 先到当前地址，再跳转到新地址