编程思维之函数返回函数

当我们有一个函数1他需要封装成公共函数,但是了他需要传入一个组件内的值1才能进行逻辑,而我们在使用她的时候又不想传入两个参数,可以把函数1封装成返回函数2的一个函数,函数1需要传入值1在决定函数2. 然后在组件内得到函数2,函数2已经被函数1决定了实现了逻辑,并且后面使用只需要传入一次值。相当于一次传参解决了本来一直需要多传一个参的问题。

// 需要传的变量
const pathname_url = props.pathname as `/${LocaleId}/${string}`// 需要封装成全局的函数
function $t( translate_value: string ){const breakArray = translate_value.split('.')let initTraverse = 0let transferObj: LanguageText = {}if(pathname_url.startsWith('/zh-cn/')) {transferObj = footer_cn_text}else if(pathname_url.startsWith('/en-us/')) {transferObj = footer_en_text}else {console.error('当前的语言环境错误')return}while (initTraverse < breakArray.length){const break_value = breakArray[initTraverse]const currentValue: string | LanguageText = transferObj[break_value]if ( typeof currentValue === "string"){return transferObj[break_value]}else if ( typeof currentValue === "object" ){transferObj = transferObj[break_value] as LanguageTextinitTraverse++}} 
}
// 封装后的公共函数
import en_text from '@/interpreter_table/lang_en.ts'
import cn_text  from '@/interpreter_table/lang_cn.ts'
import type { LocaleId } from '@/ts_comon_type/i18n/types'interface LanguageText {[key: string]: string | LanguageText
}function get_t( pathname_url: `/${LocaleId}/${string}` ){// 关键步骤return function $t(translate_value: string){const breakArray = translate_value.split('.')let initTraverse = 0let transferObj: LanguageText = {}if(pathname_url.startsWith('/zh-cn/')) {transferObj = cn_text}else if(pathname_url.startsWith('/en-us/')) {transferObj = en_text}else {console.error('当前的语言环境错误')return}while (initTraverse < breakArray.length){const break_value = breakArray[initTraverse]const currentValue: string | LanguageText = transferObj[break_value]if ( typeof currentValue === "string"){return transferObj[break_value]}else if ( typeof currentValue === "object" ){transferObj = transferObj[break_value] as LanguageTextinitTraverse++}} }}export default get_t
// 如何使用
const pathname_url = props.pathname as `/${LocaleId}/${string}`const $t = get_t(pathname_url)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/55077.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《后端程序猿 · Spring事务失效场景》

&#x1f4e2; 大家好&#xff0c;我是 【战神刘玉栋】&#xff0c;有10多年的研发经验&#xff0c;致力于前后端技术栈的知识沉淀和传播。 &#x1f497; &#x1f33b; CSDN入驻不久&#xff0c;希望大家多多支持&#xff0c;后续会继续提升文章质量&#xff0c;绝不滥竽充数…

git commit -am 仅提交已修改文件

git commit -am 是一个 Git 命令&#xff0c;用于将所有已跟踪&#xff08;tracked&#xff09;文件的修改添加到暂存区&#xff0c;并同时创建一个新的提交。 具体解释&#xff1a; -a&#xff1a;表示自动暂存所有已跟踪的文件的修改&#xff08;包括修改和删除&#xff09…

2024/9/29周报

文章目录 摘要Abstract污水处理工艺流程整体介绍粗格栅细格栅曝气沉砂池提升泵房峰谷平策略 初沉池&#xff08;一级处理&#xff09;工作原理运行管理 氧化沟生化池&#xff08;二级处理&#xff09;二沉池工作原理运行参数 高效沉淀池功能与特点工作原理 深度处理&#xff08…

LeetCode 918. 环形子数组的最大和

原题链接&#xff1a;. - 力扣&#xff08;LeetCode&#xff09; 给定一个长度为 n 的环形整数数组 nums &#xff0c;返回 nums 的非空 子数组 的最大可能和 。 环形数组 意味着数组的末端将会与开头相连呈环状。形式上&#xff0c; nums[i] 的下一个元素是 nums[(i 1) % n…

防止错误输入!Excel单元格限制输入内容的三种有效方式

在Excel中&#xff0c;限制单元格输入内容可以帮助避免数据输入错误&#xff0c;确保数据的一致性和准确性。今天小编分享三种方法&#xff0c;可以轻松限制Excel单元格的输入内容&#xff0c;确保数据输入符合预期要求&#xff0c;一起来看看吧&#xff01; 方法一&#xff1a…

Register Two Point Sets 注册两个点集

文章目录 Register Two Point Sets 注册两个点集Visualize Gradient Descent 可视化梯度下降Hyperparameter Search 超参数搜索JensenHavrdaCharvatTsallisPointSetToPointSetMetricv4类说明 原文url: https://examples.itk.org/src/registration/metricsv4/registertwopointse…

【AI驱动TDSQL-C Serverless数据库技术实战】 AI电商数据分析系统——探索Text2SQL下AI驱动代码进行实际业务

目录 一、Text2SQL简介二、基于TDSQL-C Serverless的Text2SQL实战2.1、程序流程图2.2、实践流程2.2.1、配置TDSQL-C2.2.2、部署LLAMA模型2.2.3、本地依赖安装2.2.4、应用构建 2.3、运行效果 三、Text2SQL下的AI驱动 Text2SQL 是一种将自然语言查询转换为 SQL 查询的技术&#x…

中航资本:沪市主板代码以几开头?各板块开头代码是多少

各板块开始代码&#xff1a; 场内商场&#xff1a; 1、沪市主板&#xff1a;股票代码以600、601、603、605开始。 60开始的股票都是在上海证券交易所上市的股票。 600开始是上海证券交易所上市的一般股票&#xff0c;601开始的股票是主板股票&#xff0c;一般是大盘股蓝筹股…

Hi.Events —— 您的全方位活动管理与票务平台

大家好&#xff01;今天给大家介绍一个超厉害的开源项目&#xff1a;Hi.Events&#xff0c;这是一个功能丰富的自托管活动管理和票务平台&#xff0c;无论是会议还是俱乐部活动&#xff0c;它都能帮你轻松搞定&#xff01; 项目介绍 Hi.Events是一款功能丰富、自托管的开源活动…

Service和Endpoints

在 Kubernetes 中&#xff0c;Service 和 Endpoints 是两个非常重要的资源对象&#xff0c;它们共同用于定义和管理集群内部的服务发现和网络通信。下面详细介绍这两个资源对象的功能及其相互关系。 Service Service 是 Kubernetes 中用于定义抽象逻辑服务的资源对象。它提供…

学习Webpack中图片-JS-Vue-plugin

目录 图片文件资源模块类型 JS文件babel命令行使用babel-loaderbabel-preset Vue文件vue-loadervue/compiler-sfc pluginCleanWebpackPluginHtmlWebpackPluginDefinePlugin 图片文件 需要先在项目中使用图片&#xff0c;比较常见的使用图片的方式是两种&#xff1a; img元素&…

React Native中如何调用iOS的Face ID和Android的生物识别,react-native-biometrics

在React Native中调用Android和iOS的Face ID&#xff08;iOS特有&#xff09;或类似的功能&#xff08;如Android上的生物识别&#xff0c;通常是通过指纹或面部识别&#xff09;&#xff0c;你需要分别处理两个平台&#xff0c;因为这两个操作系统提供的API和框架不同。 对于…

Linux【基础指令汇总】

目录 Linux命令的特点 1、文件管理 ls命令 cp命令 mkdir命令 mv命令 pwd命令 2、文档编辑 cat命令 echo命令 rm命令 tail命令 rmdir命令 3、系统管理 rpm命令 find命令 startx命令 uname命令 vmstat命令 4、磁盘管理 df命令 fdisk命令 lsblk命令 hdpar…

C语言_回调函数和qsort

1. 回调函数 回调函数就是一个通过函数指针调用的函数。 通俗易懂些讲就是把函数的指针作为参数传递给另一个函数&#xff0c;当在另一个函数中通过这个指针调用其所指向的函数时&#xff0c;那这个通过指针被调用的函数就叫做回调函数。 先上一个模拟计算机的代码&#xff…

Docker安装mysql8并配置主从复制

1. 安装mysql8 1.1 新增挂载文件 # 新增mysql挂载文件夹 mkdir -p /root/docker/mysql/m01/log mkdir -p /root/docker/mysql/m01/data mkdir -p /root/docker/mysql/m01/conf1.2 新增mysql配置文件 # 新增mysql配置文件 cd /root/docker/mysql/m01/conf vim my.cnf # 下面是…

关于git分支冲突问题

什么是冲突 在Git中&#xff0c;冲突是指两个或多个开发者对同一文件统一部份进行了不同的修改&#xff0c;并且在合并这些修改时&#xff0c;Git无法自动确定应该采用哪种修改而产生的情况。 分支冲突 如何出现并解决 在一个版本时&#xff0c;有一个master分支&#xff0c…

如何使用WinRAR锁定压缩文件,防止文件被修改或删除?

在日常工作中&#xff0c;我们经常需要分享压缩文件&#xff0c;但也可能面临文件被修改或删除的风险。想要保护压缩文件的完整性&#xff0c;不妨使用WinRAR提供的“锁定压缩文件”功能。这个功能可以防止文件被意外更改或删除&#xff0c;确保压缩文件保持原样。下面一起来看…

Linux中的 `vi` 与 `vim` 使用详解

文章目录 Linux中的 vi 与 vim 使用详解1. vi 编辑器1.1 什么是 vi1.2 vi 的基本用法1.2.1 启动 vi1.2.2 模式1.2.3 基本操作1.2.4 常用命令 1.3 vi 的特点 2. vim 编辑器2.1 什么是 vim2.2 vim 的基本用法2.2.1 启动 vim2.2.2 模式2.2.3 vim 的增强功能2.2.4 vim 的基本操作 2…

如何选择合适的量化交易策略,回测与模拟交易的实战演练

炒股自动化&#xff1a;申请官方API接口&#xff0c;散户也可以 python炒股自动化&#xff08;0&#xff09;&#xff0c;申请券商API接口 python炒股自动化&#xff08;1&#xff09;&#xff0c;量化交易接口区别 Python炒股自动化&#xff08;2&#xff09;&#xff1a;获取…

解决跨域问题的案列

JSONP&#xff08;JSON with Padding&#xff09; JSONP 是一种通过 <script> 标签的跨域请求方法&#xff0c;它依赖于服务器支持并返回特定格式的响应。 示例&#xff1a; 前端&#xff1a; <script> function jsonpCallback(data) {console.log(Received data:…