温习日志-3

温习日志

——2023年1月15日上午

学习内容

• 语句与表达式
  1. 语句只执行代码，而不返回值
  2. 如果在语句中声明变量，会产生块级作用域，外部访问不到块级作用域中的局部变量
  3. 表达式是有返回值，所有在使用过程中我们可以引入表达式，但是引入语句就会报错
• 三元运算符
  1. 三元运算符就是表达式，所以我们就可以在声明变量的时候存储这个三元运算符，存储的是三元运算符比较出来的结果
  2. 三元运算符和if/else语句相同，可以使用任意一种完成你的目的，但是语句不能用来引用
• 练习4，详见于代码中

到这里学习的课程内容，JS基础第一部分就结束了！！！接下来进入JS基础第二部分🥂

• JS的历史，这里就不多做介绍了
• 激活严格模式
  1. 通过'use strict';激活严格模式
  2. 必须放在代码的顶部，如果上面有代码，则激活失败、上面是注释则忽略，激活严格模式
  3. 严格模式是可以让你避免报出一些错误，在非严格模式下是不会报错的
  4. 以及声明一些可能未来会被使用的私有字段也是不被允许的例如private、interface
  5. 如果没有开启严格模式，变量可以在未声明的情况下使用，这个是不好的操作
• 函数
  1. 通过function 函数名称(参数) {}来创建函数
  2. 函数中的参数就是形参，相当于函数的局部作用域
  3. 形参是通过调用函数是传递的参数
  4. 形参是可以在函数中直接使用的，无需再声明
  5. 函数得有return值，否则会返回undefined
  6. console.log()、Number()等等也是函数，是JS自带的
• 函数声明 vs. 函数表达式
  1. 函数声明就是function 函数名称(参数) {}
  2. 函数表达式是const a = function(参数) {}
  3. 函数声明存在提升，会提升至最顶部执行，我们可以先使用函数即使函数是在下面再创建的
  4. 函数表达式不存在提升
• 箭头函数
  1. 对于单条语句，可以省略{},return值，如：const sum = (a, b) => a + b;
  2. 对于多条语句，则不能省略，如：const calcYears = (birthYear, firstName) => {...}
  3. 箭头函数是简化了函数的定义，没有自己的this、arguments
• 函数调用其他函数
  1. 函数内部可以调用其他的函数
• 老师又回顾了下函数
• 练习1，详见于代码中
• 数组
  1. 数组有两种写法['Michael', 'Peter']或者new Array('Michael', 'Peter')
  2. 数组也是属于对象的
  3. 通过arr[0]来访问数组中的第一个元素，一次类推
  4. 最后一个元素可以使数组方法length访问，如：arr[arr.length - 1]
  5. 我们也能通过另一种方法arr.at(-1)直接访问到最后一个值
  6. 我们使用const声明数组，只要是const定义的是对象的话，是可以修改对象中的数据源
  7. 修改数组中的数据arr[1] = 你要修改的内容
  8. 数组可以存储任意的类型，包括数组、对象、函数
• 数组方法
  1. 添加元素，push()、unshift()，返回的是新数组的长度
  2. 删除元素，pop()、shift(),返回的是删除的元素
  3. 查找元素，indexOf(所找的内容)，如果有就返回第一个符合条件的下标，如果没有符合的返回-1
  4. 查找元素,includes(要匹配的内容),查询数组中是否有匹配的，比较是严格比较===
• 练习2，详见于代码中
• 对象
  1. 创建对象const obj = { 键: 值 }
  2. 通过obj.属性、obj['属性']访问对象中的属性
  3. 对象的属性接受两种类型，字符串和symbol，其他类型自动转换为字符串
  4. 不能在点后面加字符串进行访问，如：obj.'属性'会报错
• 对象的方法
  1. 对象中存储函数，const obj = { 函数名: function() {} }
  2. 函数中的this会指向调用他的对象，也就是.前面的那个对象
• 练习3，详见于代码中

明日计划

• 今晚应该能实现早睡了，争取一点前睡着
• 中午12点起床，然后洗漱吃饭，预计13点坐到电脑前开始打代码
• 下午的时间都是属于JS的，还是如此学至17时，开始写日志
• 晚上吃完饭，再进行2小时的React复习
• 结束