}
}
</script>
</body>
![在这里插入图片描述](https://img-blog.csdnimg.cn/6e617e21ef0a47f88267b4c918e65bbb.png)
>
> **总结:**
> **🥭🥭1、核心步骤。**
> **1)判断传入的number大小,根据大小走不同通道。
> 2)小于1000直接返回一个字符串,大于1000通过取模的方式判断是否要添加 ,【没记错的话,就跟大一学的水仙花数差不多】。**
>
>
>
除此之外,还有很多方法,例如 **`正则`** :
---
---
---
## 🍓🍓单向绑定
>
> **问题 4:
> 请补全JavaScript代码,要求每当id为"input"的输入框值发生改变时触发id为"span"的标签内容同步改变。
> 注意:**
> **`1、 必须使用DOM0级标准事件(onchange)`**
>
>
>
**`解答:`**
<script type="text/javascript">
// 补全代码
var span = document.querySelector('#span')
input.onchange = function () {
span.innerText = this.value
}
</script>
</body>
![在这里插入图片描述](https://img-blog.csdnimg.cn/25f8525ff12747edbf54282bc0212c01.png)
>
> **总结:
> 🥭🥭1、核心步骤。
> 1)通过id绑定span标签。
> 2)onchange单向绑定。**
>
>
>
**`🎂🎂onchange`**
**`onchange="JavaScript代码"`**
**1、事件是在客户端改变输入控件的值,比如一个textbox,会出发的这个事件。
2、onchange 在元素值改变时触发。
3、onchange 属性适用于:**`<input>`**、**`<textarea>`\*\* 以及 **`<select>`** 元素。\*\*
**`oninput和onchange区别?`**
**1、onchange事件还得等输入框失去焦点才触发。
2、oninput当输入框value值改变时就会触发。**
---
---
## 🍓🍓创建数组
>
> **问题 5:
> 请补全JavaScript代码,要求返回一个长度为参数值并且每一项值都为参数值的数组。
> 注意:
> `1、 请勿直接使用for/while`**
>
>
>
**`解答:`**
<script type="text/javascript">
const \_createArray = (number) => {
// 补全代码
return new Array(number).fill(number)
}
</script>
</body>
![在这里插入图片描述](https://img-blog.csdnimg.cn/12705492dd414314bfb0f251efdf47e5.png)
>
> **总结**:
> 🥭🥭**核心步骤**
> **🍵🍵1)通过new Array函数构造实例的时候带入参数,可以生成该参数长度的空数组
> 🍵🍵2)通过Array.fill函数可以将数组的每一项都改编为参数值
> 🍵🍵3)或Array.from函数接收两个参数即可,第一个参数为数组或对象,都表示返回数组的长度。当参数为数组时它确定了返回的新数组长度,当参数为对象时,需要添加“length”属性表明数组长度
> 🍵🍵4)第二个参数为一个函数,即第一个数组参数中的每一项都调用该函数**
>
>
>
---
---
## 🍓🍓判断版本
>
> **问题 5:
> 请补全JavaScript代码,该函数接收两个参数分别为旧版本、新版本,当新版本高于旧版本时表明需要更新,返回true,否则返回false。
> 注意:
> 1、版本号格式均为"X.X.X"
> 2、X∈[0,9]
> 3、当两个版本号相同时,不需要更新**
>
>
>
**`解答:`**
<script type="text/javascript">
const \_shouldUpdate = (oldVersion, newVersion) => {
// 补全代码
oldVersion = oldVersion.split('.')
newVersion = newVersion.split('.')
return newVersion > oldVersion
}
</script>
</body>
![在这里插入图片描述](https://img-blog.csdnimg.cn/6f43a35a2778428087dc45c54048161b.png)
>
> **总结**:
> 🥭🥭**核心步骤**
> **🍵🍵1)去除新旧版本号中的”.“
> 🍵🍵2)判断数字大小**
>
>
>
**`如果需要严谨一点还需要转个类型。parseInt`**
---
---
## 🍓🍓什么是深拷贝,什么是浅拷贝,二者有什么区别,平时改怎么区分呢?
### 💖💖js中不同类型存放的位置不同
**看完上面的例子你可能还是晕晕的,那么来详细的看看什么是深拷贝,什么是浅拷贝吧。**
![在这里插入图片描述](https://img-blog.csdnimg.cn/cb70d2a582b944beab695bc6a04cc5e6.png)
**js中的基础类型:string,number,boolean,null,undefined,symbol**
**js中的引用类型:Object**
---
**基础类型:是按照值 存放在栈中,占用的内存空间的大小是确定的,并由系统自动分配和自动释放。
引用类型: 是按照地址 存在堆中,将存放在栈内存中的地址赋值给接收的变量。当我们想要访问引用类型的值的时候,需要先从栈中获得对象的地址指针,然后,在通过地址指针找到堆中的所需要的数据。**
**`需要注意的是,js和Java一样也有栈内存和堆内存,基础类型存放在栈内存中,引用类型存放在堆内存中。`**
![在这里插入图片描述](https://img-blog.csdnimg.cn/aea8408d8dc3453cacdd1f5bf79f543c.png)
---
---
### 💖💖深拷贝与浅拷贝的区别
**`深拷贝:`主要是将另一个对象的属性值拷贝过来之后,另一个对象的属性值并不受到影响,因为此时它自己在堆中开辟了自己的内存区域,不受外界干扰。
`浅拷贝:`主要拷贝的是对象的引用值,当改变对象的值,另一个对象的值也会发生变化。**
**`SO,需要注意的是。如果在对对象进行赋值时,如果不希望共享对象,那么就要进行深拷贝。`**
**常用的深拷贝方法:**
**`♻♻1、序列化和反序列`**
JSON.parse( JSON.stringify() ) 序列化和反序列
**`♻♻2、assign`**
**es6新增的方法,可用于对象合并,将源对象的所有可枚举属性,复制到目标对象上。**
Object.assign(target, source1, source2)
**`注意:`** **当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,
但是对象中有对象的时候,此方法,在二级属性以后就是浅拷贝**
**`♻♻3、迭代递归方法`**
**`♻♻4、通过jQuery的extend方法实现深拷贝`**
**`♻♻5、lodash函数库实现深拷贝`**
let clone = cloneDeep(obj)
---
---
---
---
---
## 🍓🍓js中哪些操作会造成内存泄漏?
**`🥭🥭1.意外的全局变量`**
>
> **由于我们使用未声明的变量,而意外的创建了一个全局变量,而使这个变量一直留在内存中无法被回收。**
>
>
>
**`🥭🥭2.被遗忘的计时器或回调函数。`**
>
> **当我们设置了setinterval定时器,而忘记取消它,如果循环函数有对外部变量的引用的话,那么这个变量会被一直留在内存中,而无法被回收。**
>
>
>
**`🥭🥭3.脱离DOM的引用`**
>
> **我们获取一个DOM元素的引用,而后面这个元素被删除,由于我们一直保留了对这个元素的引用,所以它也无法被回收。**
>
>
>
**`🥭🥭4.闭包`**
>
> **不合理的使用闭包,从而导致某些变量─直被留在内存当中。**
>
>
>
---
---
**看着是不是感觉手有点痒痒的了。那就来注册下自己试试吧,试试才知道好不好,试试才知道适不适合自己。就算最后没用这款软件那也尝试过,不后悔。**
**可以伴随一生的编程软件(完全免费),从学校到社会工作,时时刻刻你都可以用到**,**感兴趣的可以去注册试试**[可以伴随程序员一生的app](https://bbs.csdn.net/topics/618545628)
---
---
---
---
---
![img](https://img-blog.csdnimg.cn/img_convert/47eec1fb009796b40af0b6d075675359.png)
![img](https://img-blog.csdnimg.cn/img_convert/7cb6e56d84b0eb698204b252fc4446e1.png)
**网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**
**[需要这份系统化资料的朋友,可以戳这里获取](https://bbs.csdn.net/topics/618545628)**
**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
*[可以伴随程序员一生的app](https://bbs.csdn.net/topics/618545628)
---
---
---
---
---
[外链图片转存中...(img-6Jbc4Cs1-1714327419725)]
[外链图片转存中...(img-rzp4jYkQ-1714327419725)]
**网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**
**[需要这份系统化资料的朋友,可以戳这里获取](https://bbs.csdn.net/topics/618545628)**
**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**