JavaScript的使用以及JS常用函数（JS 遍历数组和集合）

学习总结

1. 什么是 JavaScript

JavaScript（简称"JS"）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

2. JavaScript 的特点

1）是一种解释性脚本语言（代码不进行预编译）；
2）主要用来向 HTML（标准通用标记语言下的一个应用）；
3）可以直接嵌入 HTML 页面，但写成单独的js文件有利于结构和行为的分离；

3. JS的使用

编写位置

1）直接编写在HTML的 script 标签中（推荐写在 head 标签里面）；
2）编写在JS文件中，单独写一个文件（*.js）来存放JavaScript代码，需要时直接引入该js文件，方便代码的维护和重用性；
注意：script 标签不能同时引入 js 文件和编写其他 js 代码
注意：HTML中js的所有代码等候室顺序执行，出错则不再往下执行。

基本语法

• JavaScript 中的标识符（不能以数字开头，不能是 js中 保留字或关键字）
  1）合法标识符举例：indentifier、username、user_name、_userName、$username；
  2）非法标识符举例：int、8.3、Hello World；

• JavaScript 严格区分大小写
  1）username 和 userName 是完全不同的符号；

• JavaScript 程序的注释
  1）/…/ 中可以嵌套 “/” 注释，但不能嵌套；
  2）/**…文档注释.*/；

• JS中的重要关键字和保留字
  1）typeof、var、delete、function

变量

• 作用
  1）程序可以通过变量名来指定具体的对象内存，并通过变量名来获取对应的对象；

• 声明：JS是弱类型语言，为严格区分数据类型
  1）使用 var，例如 var username = “熊大”；
  2）若变量没哟UC胡世华，默认是 undefined；
  3）变量的类型也可以由值来决定，只是什么类型，则变量为什么类型，例：username=18；username为int类型；
  注意：事先不声明变量而直接使用会报错；

打印变量

1）alert(变量名)：直接在浏览器中弹出对话框（需要点击确定，麻烦，不利于语法实践操作和测试）；
2）console.log(变量名)：(info、log、debug、warn、error）：在浏览器控制台打印内容；

数据类型

1）简单类型：String(’’/"")、Number(100/11.2/4E3/3e2)、Boolean(true/false)、Null、undefined
2）对象类型：Object、Array、Function
注意1：js 中只有 “var 变量名=值”，不存在 “变量类型 变量名=值”；
注意2：变量名不能使用 name，name 是自带的一个成员变量，类型无法修改，所以结果一直未 String；

innerHTML和innerText的使用和区别

innerHTML：指的是从对象的起始位置到终止位置的全部内容，包括Html标签；
innerText ：指的是从起始位置到终止位置的内容，但它去除Html标签。

运算符

• 比较运算符
  1）= 赋值运算符：用于把一个常量/变量的值赋值给另一个变量；
  2）== 比较运算符：用于比较两个数据的值是否相等，不回去判断类型；
  3）=== 比较运算符：先判断数据类型是否相等，然后再去判断值是否相等；
• 逻辑运算符
  1）在逻辑运算中 0、""、false、NaN、undefined、null 表示为 false，其他类型数据都表示true；
  2）a && b：将 a，b 先转换为 Boolean类型，在执行逻辑与，若 a 为 false，则返回 a，否则返回 b；
  3）a || b：将 a，b 先转换为 Boolean类型，在执行逻辑或，若 a 为 true，则返回 a，否则返回 b；
• && 和 || 运算符的区别
  1）&& 操作：&& 找 false，找到则返回对应的值，直到最后一个如果没有找到，则返回最后一个值；
  2）|| 操作：|| 找 true，找到则返回对应的值，直到最后一个如果没有找到，返回最后一个值；

3. 函数的定义

函数语法

• 普通函数语法
  1）参数和返回值都是可选，如果没有返回值，则默认返回 undefined；

function 函数名([参数名称1，参数名称2，...，参数名称N]) {
   
  // 程序代码
  return 值;
}

• 匿名函数语法

var 变量名 = function ([参数名称1，参数名称2，...，参数名称N]) {
   
  // 程序代码
  return 值;
}

• 箭头函数
  1）箭头函数类似匿名函数，把匿名函数 function 去除，在参数右边加 => 即可，简介但可读性差。

<script>
        // 无参单行函数体的箭头函数
        var a = ()=> console.log("箭头函数");
        a();
        // 上面等价于下面
        function f() {
     
            console.log("箭头函数");
        }

        // 无参多行函数体的箭头函数
        var b = ()=> {
     
            console.log("箭头函数一");
            console.log("箭头函数二"