一、引用数据类型

1. 数组 (Array)是一组按顺序排列的数据的集合，数组中的每个值都称为元素，而且数组中可以包含任意类型的数据。在 JavaScript 中定义数组需要使用方括号 [ ] ，数组中的每个元素使用逗号进行分隔

<script>
    let arr = [1, 2, 3, 4]
</script>

通过索引取值

let arr = [1,2,3,4,5,6]
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
console.log(arr[3]);
console.log(arr[4]);
console.log(arr[5]);

2. 对象 （Object）类型是一组由键、值组成的无序集合，定义对象类型需要使用花括号 { }

<script>
    let arr = {
        name:'twitch',
        age:'18'
    }
</script>

通过.名字取值

<script>
    let arr = {
        name:'twitch',
        age: '18'
    }
    console.log(arr.name);
    console.log(arr.age);
</script>

面试题：

1. js的数据类型有哪些？

• 基本数据类型 5
  • string 字符串
  • 数值 Number
  • 布尔Boolean
  • null 空
  • undefined 未定义
• 引用数据类型
  • 数组 Array
  • 对象 object

2. 什么方法 可以判断变量类型

typeof 基本数据类型

二、条件判断

2.1 if 判断

if(判断条件){
  执行语句
}else{
  执行语句
}

<script>
    let a = 30
    if(a == 30){
        console.log('条件成立 执行下面语句');
    }else{
        console.log('条件不成立 执行else的语句');
    }
</script>

三、循环

循环就是重复做一件事，在编写代码的过程中，我们经常会遇到一些需要反复执行的操作，例如遍历一些数据、重复输出某个字符串等，如果一行行的写那就太麻烦了，对于这种重复的操作，我们应该选择使用循环来完成。

3.1 for循环

for关键子

• 形参1: 初始化计数器变量
• 形参2: 设置循环的次数
• 形参3：每次循环结束后更新（递增或递减）计数器的值

for(形参1;形参2;形参3){
    console.log(a);
}

for(let a = 0; a < 10; a++){
console.log(a);
}
let arr = [1,2,3,4,5,6]
for(let a = 0; a < arr.length; a++){
    console.log(arr[a]);
}

3.2 while循环

适合根据条件循环

while(条件){
    执行代码
}

<script>
    let a = 10
    while(a == 10){
        console.log('因为a等于10 满足条件 代码一直执行');
    }
</script>
let arr = [1,2,3,4,5,6]
let a = 0;
while (a < arr.length) {
    console.log(arr[a]);
    a++;
}

• brack 结束死循环
  跳出当前的循环

<script>
    let a = 10
    while(a == 10){
        console.log('因为a等于10满足条件 代码一直执行');
        break
    }
</script>

四、反引法

esc 这个按键的下面可以在 ``通过${}插入变量 f 插值法 python

<script>
    let a = 10
    console.log(`我今年${a}岁了`);
</script>

五、函数 function

函数是一组执行特定任务（具有特定功能）的，可以重复使用的代码块

5.1 定义函数

• 写法不同
• 箭头函数更加简洁
• 如果代码块只有一个可以用简写的方式 箭头函数

// 第一种方式
// 定义函数 是以function 做为关键词
function 函数名(){
        逻辑代码
    }
// 第二种方式 箭头函数 变量名也就是函数名
let name = () =>{
        逻辑代码
    }

5.2 调用函数

let name = ()=>{
}
// 调用函数name()
name()

5.3 形参和实参

let name = (形参1,形参2)=>{
}
name(实参1,实参2)

let name = (x,y)=>{
    console.log(x,y);
}
name(10,20)

5.4 return

返回函数内部的值

let name = (x,y)=>{
    return x + y
}
a = name(10,20)
console.log(a);
简写:逻辑代码只有一行时 可以用简写
let a =(x,y)=> x+y;
console.log(a(10,20));

5.5函数形参默认值

let name = (x,y=20)=>{
    return x + y
}
a = name(10)
console.log(a);

5.6函数嵌套

<script>
    let a = () => {
        console.log('我是函数a')
        b()
    }
    let b = () => {
        console.log('我是函数b')
    }
    a()
</script>

六、定时器

JavaScript 定时器，有时也称为“计时器”，用来在经过指定的时间后执行某些任务，类似于我们生活中的闹钟。
JavaScript 中提供了两种方式来设置定时器，分别是 setTimeout() 和 setInterval()，它们之间的区别如下：

6.1 setTimeout()

setTimeout() 函数用来在指定时间后执行某些代码，代码仅执行一次。

<script>
    setTimeout(function(){
        console.log('3秒后此代码执行');
    },3000)
</script>

6.2setInterval()

setInterval() 函数可以定义一个能够重复执行的定时器，每次执行需要等待指定的时间间隔。

setInterval(function(){
    console.log('每个3秒 当前代码执行一次');
},3000)