m0_63855883的博客

监听 input 输入框的 focus 和 blur 事件并切换类名。监听 window 的 resize 事件并实时更新元素宽度。监听 form 表单的 submit 事件并发送数据。监听 button 按钮的点击并获取鼠标点击坐标。监听 touchmove 事件并实时改变元素位置。监听 keydown 事件并判断是否按下回车键。监听 scroll 事件并实时更新滚动进度。监听 a 标签的点击并阻止默认行为。监听鼠标移动并实时改变元素位置。

map[Symbol.iterator]表示获取map对象的一个名为Symbol.iterator的属性（这是ES6中用于定义迭代器的一种新的方式）。typeof map[Symbol.iterator] === 'function’则表示判断map对象是否具有iterator方法，并且该方法是否为一个函数。因为在JS中函数也是一种数据类型，因此可以用typeof来判断是否为函数。这句代码的作用就是对一个对象进行判断，看看它是否具有可迭代性。如果是，那么我们就可以对这个对象进行迭代操作。

如果不想遍历原型链上的属性，可以使用Object.hasOwnProperty()方法来判断一个属性是否为对象自身的属性，它返回一个布尔值，表示某个对象是否含有指定的自身属性。这意味着，除了遍历到对象自身定义的属性之外，它还会遍历继承自原型链上的属性。它返回一个包含对象自身所有可枚举属性的键名的数组（不包括继承自原型对象的属性）。应用场景：适用于遍历对象，不推荐用于遍历数组，虽然可以遍历数组下标，但是不稳定，有时会出现遍历顺序不一致的情况。其中 key 是对象的属性名，obj[key] 是对应的属性值。

在上面的例子中，我们使用 slice() 方法将原始数组的第二个到第四个元素放入了一个新数组中，第一个元素是 0，所以 1 到4 对应的是 “banana”，“grapes” 和 “mango”。这个指定的函数，会作为单独的参数进行调用：数组的值、元素的索引和数组自身。其中，function 参数接收三个参数：当前元素的值、当前元素的序号、当前的数组。执行的结果会收集到一个新的数组返回。filter() 方法可创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

这样做看似没问题，但其实存在一个非常严重的问题：子类和父类共享了同一个原型对象，那么当我们在子类的原型上添加新的属性或方法时，会影响到父类自身和其他子类的实例。我们可以通过构造一个空函数，将它的原型对象指向父类的原型对象，然后再将子类的原型对象指向这个空函数的实例，这样子类就可以通过这个空函数的中介来访问和继承父类的方法和属性了。这是因为child实例的原型和parent对象的原型指向了同一个对象，当我们在子类的原型上添加一个新的方法时，也就是对共享的原型对象进行修改，从而对父类的原型对象产生了影响。

Object.keys(obj)：获取对象中所有可枚举的键，并返回一个数组。适用于需要遍历对象键的场景。Object.values(obj)：获取对象中所有可枚举的值，并返回一个数组。适用于需要遍历对象值的场景。Object.entries(obj)：获取对象中所有可枚举的键值对，并返回一个数组。适用于需要遍历对象键和值的场景。Object.assign(target, …sources)：将源对象中的所有可枚举属性复制到目标对象中，并返回目标对象。适用于对象合并的场景。const obj1= {

因此，map()和filter()的区别在于，map()方法生成一个新的数组，其中的每个元素都是对原数组中的对应元素应用函数的结果，而filter()方法生成一个新的数组，其中的元素都是原数组中符合条件的元素。在这个例子中，filter()方法对numbers数组中的每个元素应用了一个函数，这个函数检查一个元素是否为偶数，返回符合条件（即偶数）的元素，生成了一个新的数组even。在JavaScript中，map()和filter()是数组方法，用于对数组进行遍历和过滤。

语法：array.push(element1, …, elementN)示例：’);’]// 3。

函数声明和函数表达式都是定义函数的方式，但它们有着不同的特点和应用场景。

大家好呀，我是阿燃❤️ 准备把前端开始学起来了

噢噢噢，大家好呀😄，阿燃最近遇到原型链相关的东西，经过我不懈的努力，终于有一些理解和感悟，这就马不停蹄写博客分享见解，如果你也被原型链所困惑😢，希望这篇文章对你对有所帮助❤️。

自己的一些总结，刚开写博客 新手小白 还请大家多给点建议