函数封装、函数封装默认值

最新推荐文章于 2024-04-21 23:57:36 发布
原创 最新推荐文章于 2024-04-21 23:57:36 发布 · 406 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #javascript #html5 #es6

我们在封装函数时，为给用户带来更好的用户体验，避免某个参数用户没有输入时出错。在封装函数时会封装一个默认对象作为默认值。

假如我们在函数中声明一个对象作为默认值，var defaults={key1：value1，key2：value2}。然后再调用JS对象的object.assgin方法来进行自动判断和更新默认值。
Object.assgin（defaults，arguments）

介绍一下Object.assgin

浅层复制、目标对象、源对象，可以有多个源对象，会以最后一个为最新的复制。

返回值，如果没有赋值新的变量，则返回的是目标对象，既该方法会影响源对象

JavaScript - 去除字符串空格（函数封装）
🏆 前端领域优质创作者
09-29 1179
前言 本文将封装一个“去空格工具”，来满足项目中所有去重空格需求。 您知道，大部分情况下，搜索框中的关键字（字符串）需要两端去空格，而有些场景需要去全部空格。 ❀那么，写个函数封装起来，无疑是很好的抉择。 函数封装 本函数摘自uviewUI框架-去重空格，代码简单（正则）且实用性强，感谢uiview！ 该方法可以去除空格，分别可以去除所有空格，两端空格，左边空格，右边空格，默认为去除两端空格。 /** *去重空格 *@description全部/两端/左边/右边(默认去除
js设置function参数默认值(适合没有传参情况)
12-02
今天写一个div+css模拟js信息框的类库时遇到一个问题，我希望当我没有传递参数过去时自动使用“提示信息”作为窗口标题。我试着这样写 代码如下: function MessageBox(title=””){ } 毫无疑问我运行失败了（要不然我也不会发这博文了） 最后经过一番百度，发现了这么个好东西 代码如下: function test(a){ var b=arguments[0]?arguments[0]:50; return a+’:’+b; } 根据我拙计的理解能力，arguments大概就是类似于一个数组的东西，下标从0开始，依序代表了该函数的参数 例如上例中的argumen
JS函数多个参数默认值指定方法分析
11-30
本文实例讲述了JS函数多个参数默认值指定方法。分享给大家供大家参考，具体如下： 函数有一个参数时，以往这样定义(参数为p1): function mfun(p1){ … } 当需要为p1设定一个默认值时 function mfun(p1){ if(p1===undefined) p1=5; //默认值设为5 … } 当函数需要2个参数时，以前习惯这样写 function mfun(p1,p2){…} 后来发现完全不需要这样写，js函数甚至不需要在括弧内预设参数名，可以用一下方式传入任意多个参数自动适配，当没有被定义时，这些未被赋值参数被调用时值为 undefined 以下例子示范了
[js] Object.assign
qq_14993591的博客
02-11 7445
Object.assign是ES6新添加的接口，主要的用途是用来合并多个JavaScript的对象。 Object.assign()接口可以接收多个参数，第一个参数是目标对象，后面的都是源对象，assign方法将多个原对象的属性和方法都合并到了目标对象上面，如果在这个过程中出现同名的属性（方法），后合并的属性（方法）会覆盖之前的同名属性（方法）。 assign的基本用法如下： var target = {a : 1}; //目标对象 var source1 = {b : 2}; //源对象1 var so
封装功能函数和组件
老衲的少女心i~
07-22 344
1.封装功能函数 1.功能点要明确 2.函数内部应该保留固定代码(静态的) 3.将动态的数据抽取成形参，由使用者根据自身的情况动态的传入实参 4.一个良好的函数应该设置形参的默认值（ES6的形参默认值） 2.封装功能组件 1.功能点要明确 2.组件内部应该保留固定代码 3.将动态的数据抽取成prop参数，由使用者根据自身的情况以标签的形式动态的传入props数据 4.一个良好的组件应该设置组件的必要性以及组件的数据类型 props{ msg:{ required
封装组件并传值
z不宅
12-24 1115
tips：项目中某个模块的几个页面之间存在相同功能及样式的业务代码，开发时由于时间限制，未做封装，后续整理进行了第一次的业务代码封装尝试 父子组件传值 封装，就涉及到父子组件的传值问题。 以往面试过程中，总是被问到父传子，子传父，兄弟之间传值的内容。 说简单也简单，但真正上手，总会有意想不到的坑 话不多说，上代码 //子组件 <template> <div> {{f...
python函数封装
zengliguang的专栏
04-21 2215
在Python中，使用关键字。
JS实现运动缓冲效果的封装函数示例
11-28
本文将深入探讨如何通过封装函数实现一个具有缓冲效果的运动功能，这可以帮助开发者更高效地管理和重用代码。 首先，我们要理解"缓冲效果"（Buffer Move）的概念。缓冲效果是指在物体运动过程中，速度不是恒定的，...
C＋＋函数默认值是在函数实现时实现还是在声明函数时实现
最新发布
10-21
- 如果在定义中设置默认值，调用者可能无法“看到”默认值，除非他们直接访问定义代码（这违反了封装原则）。引用[1]明确指出：“当函数的声明和定义分开时，一般在声明处赋予函数参数默认值”[^1]。 - 示例：在...
浅谈JAVA原始数据和封装数据
Ben_Jamin的博客
04-28 185
1. 基本类型数据存储在堆栈中能高效的存取，封装数据需要通过引用栈内存指向堆中的对象，因此基本类型数据可以用“==”来判断是否相等，而封装数据只能用“equals”来判断内容是否相等。 2. 八大基本类型数据不是对象，因此它们的创建不需要new关键字，而封装类型的每次创建都需要new关键字。 3. 初始值不同，封装类型数据的初始值都是null，而基本数据int初始值是0，boolean类型为false，float类型为0.0f等。 （比如应用在录入考试成绩时，我们可以用封装数据Int...
ORACLE 自动增长通过封装函数，方便调用
weixin_30675967的博客
08-07 206
　　好的编程习惯，是一个很有必要的过程。好的编程习惯，可以因人而异，但是简单地、基本地代码级别的就那些：写注释、合理的缩进、换行、变量命名等。 　　对我们程序员来说，大部分时间都对着电脑，在对着电脑的大部分时间都在对着代码，要么是看别人代码，要么是在写代码。在看别人的代码的过程中，当看到别人 的代码很乱的时候，心里肯定会说，这他妈的谁写的代码，看起来真费劲，要注释没注释，该换行的时候没换行，缩进...
函数的封装和使用
qq_35784654的博客
08-19 3205
学习笔记
C++入门到精通。（九、C++参数的默认值和Lambda函数。）
Kinght_123的博客
05-15 451
目录一、函数的默认值二、Lambda函数与表达式 一、函数的默认值 当您定义一个函数，您可以为参数列表中后边的每一个参数指定默认值。当调用函数时，如果实际参数的值留空，则使用这个默认值。 这是通过在函数定义中使用赋值运算符来为参数赋值的。调用函数时，如果未传递参数的值，则会使用默认值，如果指定了值，则会忽略默认值，使用传递的值。 例子： #include <iostream> using namespace std; int sum(int a, int b=20) { int resu.
JavaScript之Object.assign()方法详解
wfly blog
09-26 8331
Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 语法：Object.assign(target, ...sources) target：目标对象。sources：源对象。返回值：目标对象。 Object.assign方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set...
JS前端如何实现深拷贝、浅拷贝
qq_44476779的博客
09-15 611
深拷贝浅拷贝只是相对于引用数据类型来说的
js中 关于 Object.assign的讲解 （觉得会用就行了嘛?你不知道的东西在这里，一位重视 js 基础的前端小菜鸟）
业余前端的职业经历
09-27 4654
其实对于 Object中的很多对象 相信 很多初级前端 包括博主 基本上 不会用到吧 可能知道有这个东西得存在 就在昨晚 我看 兄弟写的代码中 if else else if else if 我就说了 下 你咋不用 switch 呢 然后他惊讶道 我工作就没用过 这个东西 不过到可以试试看 看吧 其实有些东西 就怕你用不习惯 但也怕你用习惯了 你会别人 都会的东西 那其实是没啥竞争力的 要会别人不会 懂别人不懂得知识这个才是牛皮 要想做到这点 当然 99% 的人都只是一个普普通通的人 所以我们
原生js实现深拷贝函数
你的博客
03-26 9159
首先实现一个函数对变量类型进行判断 // 判断变量的类型 function getType(obj){ var str = Object.prototype.toString.call(obj); var map={ '[object Boolean]' : 'boolean', '[object Number]' : 'number', '[object Strin...
JavaScript Object.assign
Ranye的博客
06-20 100
Object.assign(target, …sources)将 sources 对象的属性添加 / 覆盖到 target 对象上，并返回更改后的 target 对象 参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
深入浅出JavaScript中的Object.assign()方法
前端笔记——放弃很容易,但坚持一定很酷
02-01 2616
Object.assign()方法用于将一个或多个源对象的可枚举属性复制到目标对象中，并返回目标对象。它基于浅复制原则，只复制对象自身的属性，不复制继承自原型链上的属性。如果目标对象已经存在相同属性，则源对象的属性将覆盖目标对象的属性。
Python函数封装
05-21
### Python 函数封装概述 函数封装是指将一组特定功能的代码打包成一个独立单元（即函数），从而提高代码的重用性和可维护性。Python 中可以通过定义函数并将其组织为模块或类的方法来实现封装。 以下是关于 Python 函数封装的最佳实践及其示例： --- #### 1. 使用简单函数进行基本封装 最基础的函数封装方式是通过 `def` 关键字定义函数，将重复使用的逻辑提取出来。这种方式适用于小型任务或单次调用的功能。 ```python # 定义一个计算两个数之和的函数 def add_numbers(a, b): return a + b result = add_numbers(5, 7) print(result) # 输出: 12 ``` 这种形式适合于简单的场景，但当涉及复杂逻辑时，可能需要进一步优化[^1]。 --- #### 2. 参数化与默认值设置 为了增强函数灵活性，可以在定义函数时为其参数指定默认值。这样即使某些参数未被显式传递，函数也能正常运行。 ```python # 带有默认参数的函数 def greet(name="World"): return f"Hello, {name}!" print(greet()) # 输出: Hello, World! print(greet("Alice")) # 输出: Hello, Alice! ``` 此方法能够减少不必要的错误，并简化调用过程[^2]。 --- #### 3. 将函数作为对象传递 在高级应用中，可以利用 Python 支持的第一级函数特性，即将函数本身当作变量或其他高阶函数中的参数传入。 ```python # 高阶函数示例：接受另一个函数作为输入 def apply_function(func, value): return func(value) def square(x): return x ** 2 result = apply_function(square, 4) print(result) # 输出: 16 ``` 这种方法体现了函数式编程的思想，有助于编写更加灵活和通用的程序结构。 --- #### 4. 结合装饰器实现动态行为修改 装饰器是一种特殊的语法糖，用于扩展已有函数的行为而不改变其原始定义。它非常适合用来添加日志记录、性能监控等功能。 ```python from functools import wraps def log_execution(func): @wraps(func) def wrapper(*args, **kwargs): result = func(*args, **kwargs) print(f"{func.__name__} was called with arguments {args}") return result return wrapper @log_execution def multiply(a, b): return a * b multiply(3, 4) # 输出: multiply was called with arguments (3, 4) ``` 使用装饰器可以让代码保持清晰的同时增加额外功能[^3]。 --- #### 5. 设计面向对象风格的封装 对于复杂的业务逻辑，推荐采用 OOP 方法设计类并将相关联的数据和操作集中管理起来。 ```python class Calculator: def __init__(self): self.result = None def add(self, a, b): self.result = a + b return self.result def subtract(self, a, b): self.result = a - b return self.result calc = Calculator() print(calc.add(10, 5)) # 输出: 15 print(calc.subtract(10, 5)) # 输出: 5 ``` 此类封装不仅便于理解还利于后续扩展新特性[^4]。 --- #### 6. 利用闭包隐藏内部状态 如果希望保护部分敏感信息不对外暴露，则可通过创建闭包达到目的。 ```python def make_counter(): count = 0 def counter(): nonlocal count count += 1 return count return counter counter_a = make_counter() print(counter_a()) # 输出: 1 print(counter_a()) # 输出: 2 ``` 这里展示了如何借助闭包机制维持局部作用域内的私密数据[^5]。 --- ### 总结 以上介绍了几种常见的 Python 函数封装技巧及其实现案例。合理运用这些技术可以帮助开发者构建出更具条理性的解决方案，同时也提升了整体系统的稳定性和适应能力。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

圈点Studio

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值