JavaScript学习笔记（1）

每天都要进步一点点奥！嘻嘻嘻

介绍

JS简介

JS是一种轻量级的脚本语言，它不具备开发操作系统的能力，而是只用来编写控制其他大型应用程序的脚本。

JS是一种嵌入式语言，它本身提供的核心语法不算很多。

为什么学习JS

1.操作浏览器的能力

2.广泛的使用领域

3.易学性

Js与ECMAScript的关系

前者是后者的规格，后者是前者的一种实现。在日常生活中，这两个词可以互换。

标识符

指的是用来识别各种值的合法名称。最常见的标识符是变量

标识符是由：字符、美元符号（$）、下划线和数字组成，其中数字不能开头

变量提升哦i，

JS引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升。

Console.log(num);

var num = 10;

结果显示undefined；

JS引入到文件

嵌入到HTML文件中

引入本地独立JS文件

引入网络来源文件

注释与输出方式

单行注释：//（html的注释——》<!--内容-->）      注释的快捷键：ctrl + /

多行注释：/*

                  */

JS输出方式

alert（“要输出的内容”）；

document.write("要输出的内容")；

console.log("要输出的内容")；

数据类型分类

字符串、数值、布尔（0：false、1：true）（前三种为原始数据类型）、null、undefined、对象{}（只涉及六种）

typeof运算符

判断基本数据类型

null和undefined的区别

nul与undefined都可以表示"没有"，含义非常相似。将一个变量赋值为undefined或nul,老实说，语法效果几乎没区别。既然含义与用法都差不多，为什么要同时设置两个这样的值，这不是无端增加复杂度，令初学者困扰吗？这与历史原因有关。

null一般代表对象为“没有”；

undefined 一般代表数值为"没有"；

运算符之算术运算符

自增和自减运算符有一个需要注意的地方，就是放在变量之后，会先返回变量操作前的值，再进行自增/自减操作；放在变量之前，会先进行自增/自减操作，再返回变量操作后的值。

运算符之赋值运算符

运算符之比较运算符

比较运算符用于比较两个值的大小，然后返回一个布尔值，表示是否满足指定的条件。

严格比较：数值本身是否相同，类型本身是否相同

运算符之布尔运算符

非布尔值取反

以下六个值取反后为true，其他值都为false:undefined、null、false、0、NaN  、空字符串（“”）

条件语句之if-else

条件语句之switch（每个break 后都要跟一个break；）

default（以上条件都不满足之外的剩下的情况 ）

三元运算符

JS还有一个三元运算符（即该运算符需要三个运算子，也可以用于逻辑判断。

x?y:z

break和continue的区别

break是跳出全部  循环；

contiune是跳出本次循环，开启下一次循环

温馨提示

单引号不能嵌套单引号，双引号不能嵌套双引号，但可以互相嵌套。如果要在单引号中使用单引号，必须在内部的单引号前边加上反斜杠“\”用来转义；双引号也是如此。

字符串默认只能写在一行内，分成多行将会报错；如果必须分成多行，可以在每一行的尾部使用反斜杠。

字符串的常用方法

charAt()字符返回字符指定位置时是从0 开始的

concat方法用于连接两个字符串，返回一个新字符串，不改变原字符串；如果参数不是字符串，先回将其转为字符串再进行连接。做字符串相加，是不需要使用concat的，可以使用+连接字符串

substring方法用于从原字符串取出子字符串并返回，不改变原字符串，他的第一个参数表示子字符串的开始位置，第二个位置表示结束位置（返回结果不含该位置）；如果省略第二个参数，则表示子字符串一直到原字符串的结束；如果第一个参数大于第二个参数，substring方法会自动更换两个参数的位置；如果参数是负数，substring 方法会自动将负数转变为0

substr方法用于从原字符串取出原字符串，不改变原字符串，和substring 的功能相同；substr方法的第一个参数是子字符串的开始位置（从0开始计算），第二个参数是子字符串的长度

如果省略第二个参数，则表示子字符串一直到原字符串的结束；如果第一个参数是负数，表示倒数计算的字符的位置，如果第二个参数是负数，则被自动转为0，因此会返回空字符串。 

Indexof方法用于确定一个字符串在另一个字符串中第一次出现的位置，返回结果是匹配开始的位置，如果返回-1表示不匹配。Indexof方法还可以接收第二个参数，表示从该位置开始向后匹配

trim方法用于去除字符串两端的空格，返回一个新的字符串，不改变原字符串；该方法去除的不仅是空格，还包括制表符（\t、\v）、换行符（\n）和回车符(\r)trimStart()去掉头部空格；trimEnd（）去掉尾部空格

split方法按照给定规则分割字符串，返回一个由分割出来的子字符串组成的数组；如果分割规则为空字符串，则返回数组的成员是原字符串的每一个字符；如果省略参数，则返回的数组的唯一成员就是原字符串；split方法还可以接收第二个参数，限定返回数组的最大成员数。 

数组

静态方法_Array.isArray()

Array.isArray方法返回一个布尔值，表示参数是否为数组。它可以弥补typeof运算符的不足

数组方法_push/pop

push方法用于在数组的末端添加一个或多个元素，并返回添加新元素的后的数组长度。注意，该方法会改变原数组。

Pop方法用于删除数组的最后一个元素，并返回该元素。注意，该方法会改变原数组

数组方法_shift/unshift()

shift方法用于删除数组的第一个元素，并返回该元素。注意，该方法会改变原数组

unshift方法用于在数组的第一个位置添加元素，并返回添加新元素后的数组长度，注意，该方法会改变原数组；unshift方法可以接受多个参数，这些参数都会添加到目标数组头部

数组方法_join()

join方法以指定参数作为分隔符，将所有数组成员连接为一个字符串返回。如果不提供参数，默认用逗号分隔；如果数组成员是undefined或null或者空位，会被转成空字符串；数组的join配合字符串的split可以实现数组与字符串的互换

数组方法_concat()

concat方法用于多个数组的合并，它将新数组的成员，添加到原数组成员的后部，然后返回一个新数组，原数组不变；除了数组作为参数，concat也接收其他类型的值作为参数，添加到目标数组尾部。

应用场景：上拉加载，合并数据

数组方法_reverse()

reverse方法用于颠倒排列数组元素，返回改变后的数组。注意，该方法会改变原数组

数组方法indexof()

indexof方法返回给定元素在数组中第一次出现的位置，如果没有出现则返回-1；indexof方法还可以接受第二个参数，表示搜索的开始位置