JSCORE day_04(7.5)

加1床铺盖

已于 2022-07-09 11:00:56 修改

阅读量121

点赞数

分类专栏： JSCORE(6.30-7.6) 文章标签：前端 css3 javascript

于 2022-07-07 20:20:17 首次发布

本文链接：https://blog.csdn.net/m0_70328115/article/details/125665389

版权

JSCORE(6.30-7.6) 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

复习

yi 对象的精确配置:
- 高级的知识点: 可以精确的配置对象的属性
- configurable: 可重新配置
- writable: 可写入新的值
- enumerable: 可遍历 -- for...in
- value: 值
- get: 计算属性. 属性的值是函数, 使用时不需要() 就自动触发
- set: 监听器. 属性变为函数, 接收赋值操作传入的值, 进行检测
  - 满足: 存储制作的用于存储数据的属性, 名字通常是 _???
  - 不满足: 报错
保护对象方式
- 阻止增: preventExtensions
- 阻止增删: seal
- 阻止增删改: freeze
箭头函数: 更方便的匿名函数格式
- 语法糖:
  - 形参只有一个, ()省略
  - 函数体只有一行, 可以省略 return 和 {}
- this指向:
  - 没有this, 用上级作用域的this--原型链机制
模板字符串
- ES6新增的字符串增强语法
- 优化了字符串拼接: ${}
- 支持换行: 主要应对 HTML的多行代码
数组高阶函数: 高阶-函数中使用了其他函数
- every: 每一个都满足
- some: 至少一个满足
- filter: 把满足条件的过滤出来
- map: 映射--把数组元素处理后的返回值, 组成新的数组

一、高阶函数forEach

关于遍历数组，现在至少有四种

传统方案 : for循环

for...in: 遍历对象类型的通用方案; 数组是一个特殊的对象

ES6: 提供了 for..of 专门为遍历数组而来，与for..in区别是它直接遍历值, 没有序号

ES6: 提供数组的高阶函数forEach，注意: 区别其他高阶函数, 其没有返回值, 仅仅是遍历

应用forEach的一个案例

二、reduce

传统方式

reduce方式

reduce: 数组元素合并，注意参数代表的意义

三、let与const

ES6之前, 声明变量只有 var 和 function，存在全局污染风险: 在脚本中直接声明会出现在 window 对象里；ES6中提供 let 和 const 关键词。

1. 声明的变量存储在脚本作用域 (全新的作用域)，脚本作用域必须用断点技巧查看。

2. let声明可变化的；const声明常量: 声明后不可变化-更安全,效率更高。

案例: 根据情况选择用什么声明?
大明的薪资 salary -- 预判后期可能变化；大明的妻子 wife -- 预期后续不变化

理论上的优先级: const > let 不用var

3. 关于声明提升（面试题.重点）
const和let都有声明提升，但是存在“暂存死区”的设定。首先，声明提升不是一个好的设计, 所以作者要做修改；但是，声明提升根深蒂固, 直接修改其源码影响范围过大；所以作者提供了报错, 必须先声明再使用，否则后台爆红。
let/const 变量, 在声明代码执行前, 称为暂存死区状态-- 暂时提升, 但是死的状态, 不允许用. 只有在声明代码执行后才能用