【react】react18的学习(十二)– 底层原理(二)之 迭代器 iterator
迭代器iterator
是一种 ES6 规范,具有这种机制的数据结构才可以使用for of循环:返回每一项的值;
原型链具有Symbol.iterator属性的数据结构都具备;如数组、部分类数组、字符串等;
普通对象就不能用;
for-of循环原理:循环获取属性值;
- 执行可迭代原型链上的
Symbol.iterator方法,该方法返回一个包含next方法的对象; - 通过循环执行
next方法,得到方法返回的对象,根据对象中值抛出返回值;
let obj = {name: 'aa',age: 10,
}Object.prototype[Symbol.iterator] = function iterator() {let self = this,index = -1,keys = Reflect.ownKeys(self)console.log(keys) // ['name', 'age']return {next() {index++if (index > keys.length - 1) {return {done: true,value: undefined,}}return {done: false,value: self[keys[index]],}},}
}
for (const iterator of obj) {console.log(iterator) // aa 10
}相关文章:
【react】react18的学习(十二)– 底层原理(二)之 迭代器 iterator
迭代器iterator 是一种 ES6 规范,具有这种机制的数据结构才可以使用for of循环:返回每一项的值; 原型链具有Symbol.iterator属性的数据结构都具备;如数组、部分类数组、字符串等; 普通对象就不能用; for-…...
一遍过JavaSE基础知识
文章目录 前言安装Java Development Kit (JDK)安装jdk配置开发环境验证是否安装配置成功 编写第一个Java程序hello world运行Java程序的流程 数据类型和变量数据类型变量 程序逻辑控制条件语句循环语句跳转语句 数组声明和创建数组访问数组元素数组长度遍历数组多维数组 面向对…...
【云原生】Kubernetes之ConfigMap
ConfigMap ConfigMap 是一种 API 对象,用来将非机密性的数据保存到键值对中。使用时, Pods 可以将其用作环境变量、命令行参数或者存储卷中的配置文件 ConfigMap 将你的环境配置信息和 容器镜像 解耦,便于应用配置的修改 说明:…...
8.python设计模式【组合模式】
内容:将对象组合成树形结构以表示“部分-整体”的层次结构。组合模式使得用户对单个对象和组合对象的使用具有一致性。角色: 抽象组建(component)叶子组建(Leaf)复合组建(Composite)客户端 (Client) UML 图 举个例子 需求…...
tkinter制作任意图形窗口
import tkinter from PIL import Image, ImageTkdog tkinter.Tk() # 设置图片描绘的坐标,注意乘号是字母x dog.geometry(500x500200100) # 不允许修改大小 dog.resizable(False, False) # 不显示标题栏 dog.overrideredirect(True) # 设置白色透明色,这…...
视频监控综合管理平台EasyCVR多分屏默认播放协议的配置优化
视频监控综合管理平台EasyCVR具备视频融合汇聚能力,TSINGSEE青犀视频平台基于云边端一体化架构,可支持多协议、多类型设备接入,包括:NVR、IPC、视频编码器、无人机、车载设备、智能手持终端、移动执法仪等。国标GB28181视频平台Ea…...
2023杭电多校第三场 1012.Noblesse Code
传送门:Vjudge 前题提要:一道挺有意思的数论题.赛时对于这道题没什么想法,但是赛后细品之后其实感觉也就那么一回事.但是这种 更相损减术与辗转相除法 相转化的题目还是有点典的,需要好好消化一下. 首先看完题目.我们需要考虑的是 ( A , B ) (A,B) (A,B)与 ( a , b ) (a,b) (…...
ubuntu qt 环境变量配置
ubuntu设置qt环境变量 qt 安装路径为:/home/ljn/Qt5.12 包含bin等目录的路经:/home/ljn/Qt5.14.2/5.14.2/gcc_64 环境变量配置 打开配置文件: sudo gedit /etc/profile在底部添加: export PATH"/home/ljn/Qt5.14.2/Tool…...
按照Vue写WPF(0):功能实现
文章目录 前言VUE具有的功能如何专业到WPF上面 前言 我最近学了WPF之后我终于知道为什么WPF学习曲线那么陡峭了。因为WPF没有组件化的思想,或者说没有按照Vue一样去模板化开发。 为什么我推荐Vue的想法呢。因为Vue最大的特点就是模板化,让Vue工程师去写…...
vb+ACCESS教师管理系统设计设计与实现
--------------前言-------------- 教师管理系统是一个企事业单位不可缺少的部分,它的内容对于企事业单位的决策者和管理者来说都至关重要,所以教师管理系统应该能够为用户提供充足的信息和快捷的查询手段。但一直以来人们使用传统人工的方式管理文件信息,这种管理方式存在…...
C++笔记之对指针类型的变量进行+1操作
C笔记之对指针类型的变量进行1操作 在C中,对指针类型的变量进行"1"操作会根据指针的数据类型而有所不同。这涉及到指针的算术运算,C中的指针算术运算是根据指针所指向的数据类型的大小来进行的。 code review! 文章目录 C笔记之对指针类型的…...
第六章 游标
游标 本文内容较短,我们只是为了更容易的实现b树,简单地重构一下。 我们将添加一个Cursor 表示表中对象的位置。Cursor应提供如下几个方面的能力: 在表的开头创建游标在表的末尾创建游标访问游标指向的行将游标前进到下一行 这是本文我们…...
Github上方导航栏介绍
Code Watch:相当于关注,到时候这个项目又有什么操作,就会以通知的形式提醒你。 Fork:也就是把这个项目拉到你的仓库里,之后你可以对该代码进行修改,之后你可以发起Pull Request,简称PR…...
【vue3+ts】TypeError: Cannot read properties of undefined (reading ‘commit‘)
项目场景: <script lang"ts"> import { defineComponent, reactive, ref } from vue import { useStore } from vuex export default defineComponent({name: Login.vue,components: {},setup () {const onFormSubmit (result: boolean) > {if…...
seq2seq、attention、self-attention、transformer、bert
seq2seq seq2seq:输入序列,输出序列,将输入的语言转为一个向量,最后输出再将向量转为语言shortcoming:The final state is incapable of remembering a long sequence.即太长了记不住 attention 用attention可以改进seq2seq中的…...
07.计算机网络——数据链路层
文章目录 数据链路层以太网帧格式MAC地址理解MAC地址和IP地址认识MTUMTU对IP协议的影响MTU对UDP协议的影响MTU对于TCP协议的影响 ARP协议**ARP**协议的作用ARP协议的工作流程ARP数据报的格式 数据链路层 数据链路层在物理层提供的服务的基础上向网络层提供服务,…...
海外服务器推荐:国外高性能服务器免费
对于寻找高性能的海外服务器,海外服务器推荐指导,我建议您考虑以下因素: 1. 可靠性和性能:选择信誉良好、可靠性好的服务器提供商。它们应该有稳定的网络基础设施和高性能的服务器硬件来满足您的需求。 2. 位置选择:…...
Python基于PyTorch实现卷积神经网络分类模型(CNN分类算法)项目实战
说明:这是一个机器学习实战项目(附带数据代码文档视频讲解),如需数据代码文档视频讲解可以直接到文章最后获取。 1.项目背景 卷积神经网络,简称为卷积网络,与普通神经网络的区别是它的卷积层内的神经元只覆…...
JMeter 配置环境变量步骤
通过给 JMeter 配置环境变量,可以快捷的打开 JMeter: 打开终端。执行 jmeter。 配置环境变量的方法如下。 Mac 和 Linux 系统 1、在 ~/.bashrc 中加如下内容: export JMETER_HOMEJMeter所在目录 export PATH$JAVA_HOME/bin:$PATH:.:$JME…...
Rust vs Go:常用语法对比(六)
题图来自[1] 101. Load from HTTP GET request into a string Make an HTTP request with method GET to URL u, then store the body of the response in string s. 发起http请求 package mainimport ( "fmt" "io/ioutil" "net" "net/http…...
002、现代Python后端开发环境与工具链搭建
002、现代Python后端开发环境与工具链搭建 上周排查一个线上问题,日志里报了个ImportError: cannot import name ... from partially initialized module。花了半小时才发现,是同事本地虚拟环境混用了Python 3.8和3.10的依赖,打包时没锁版本。…...
项目管理实战:如何用关键路径算法优化你的开发周期(附Python代码示例)
项目管理实战:如何用关键路径算法优化你的开发周期(附Python代码示例) 在敏捷开发团队中,最常听到的抱怨莫过于"时间不够用"。上周我们的跨平台应用项目就遇到了典型困境:产品经理要求三周内完成支付模块重构…...
The Agency:助您改变工作流程的 AI 专家团队
The Agency:助您改变工作流程的 AI 专家团队 触手可及的完整 AI 代理机构——从前端奇才到 Reddit 社区达人,从创意灵感注入师到现实检验员。每位代理都是具备个性、流程和可靠交付成果的专业专家。 repo:https://github.com/msitarzewski/agency-agents…...
Pandas数据预览优化:告别Pycharm输出窗口的省略号困扰
1. 数据预览的痛点:被省略号吃掉的关键信息 刚接触Pandas那会儿,我总被Pycharm的输出窗口气得跳脚。明明调用了describe()想看数据分布,结果给我整出一堆省略号,关键统计量全藏在"..."里。最崩溃的是处理宽表时…...
Python下载指南:x86、amd64、ARM、32位、64位到底怎么选?
Python下载指南:x86、amd64、ARM、32位、64位到底怎么选? 在下载 Python(或其他软件)时,你是否对着满屏的 x86、amd64、ARM64、32-bit、64-bit 感到头大? 别担心,这些术语其实只代表两个核心维度…...
从Revit/BIM到Cesium:CesiumLab 4.0.7插件全流程打通,属性信息一个不丢
从Revit到Cesium的无损数据迁移:CesiumLab 4.0.7全流程深度解析 1. BIM与三维GIS融合的技术演进 在建筑信息模型(BIM)与地理信息系统(GIS)的交叉领域,数据互操作性一直是行业痛点。传统工作流中,…...
3步解锁视频自由:B站m4s缓存转MP4全攻略
3步解锁视频自由:B站m4s缓存转MP4全攻略 【免费下载链接】m4s-converter 一个跨平台小工具,将bilibili缓存的m4s格式音视频文件合并成mp4 项目地址: https://gitcode.com/gh_mirrors/m4/m4s-converter 你是否曾遇到这样的困境:辛苦缓存…...
AI Agent进阶必学:Harness是什么?与Framework的核心区别+实战拆解
最近 Claude Code、Cursor、OpenClaw 等 AI Coding Agent 刷屏朋友圈,大家发现:模型越来越聪明,但 Agent 却经常“半途而废”——上下文爆炸、状态丢失、安全翻车……问题的根源不在模型,而在模型外面的那层“外壳”——Harness。…...
Amazon日本站、欧洲站A+内容翻译怎么做?跨马翻译在多站点运营中的实际应用
【一、从一次上架被拒说起】上个月帮一个做家居品类的卖家朋友处理欧洲站上架问题,他花了两周精心设计的A页面被Amazon审核退回,原因只有一句话:"Please ensure all images contain text in the target marketplace language."&…...
ADS124S08高精度数据采集系统实战:从寄存器配置到SPI驱动解析
1. ADS124S08核心功能与工业场景适配 ADS124S08这颗24位Δ-Σ ADC芯片在工业现场堪称"信号放大镜",特别适合处理微弱的传感器信号。我去年在开发热电偶温度监测系统时,实测发现它128倍PGA增益下能稳定捕捉到0.15μV的电压变化,这相…...
