2024 年 2月随笔档案 - 萬事順意

this指向详解

摘要：JavaScript 中的 this 是一个关键字，它在不同的情况下会指向不同的值。this 的取值是在函数（非箭头函数）被调用时确定的，而不是在函数被定义时确定的。 1.全局上下文中：在全局上下文中，this 指向全局对象，在浏览器中通常是 window 对象。 console.log(this 阅读全文

posted @ 2024-02-27 22:20 萬事順意阅读(480) 评论(0) 推荐(0)

JS的防抖和节流

摘要：1.防抖（Debouncing）防抖的概念是当事件被触发后，等待一定时间间隔，如果在这个时间间隔内没有再次触发事件，那么执行相应的操作；如果在这个时间间隔内再次触发了事件，则重新等待一定时间。防抖常用于输入框输入验证、搜索框输入提示等场景，可以有效地减少不必要的请求或操作。 function an 阅读全文

posted @ 2024-02-26 18:12 萬事順意阅读(160) 评论(0) 推荐(0)

ES6技巧（快速解构赋值、数组去重、数组转对象）

摘要：1.如何将a,b的值快速互换 let a=1; let b = 2; [a,b] = [b,a] 解析：首先，我们有变量 a 被赋值为 1，变量 b 被赋值为 2。然后，[a, b] = [b, a] 这行代码实际上是将数组 [b, a] 解构赋值给了数组 [a, b]。在解构赋值过程中，右侧阅读全文

posted @ 2024-02-26 14:22 萬事順意阅读(209) 评论(0) 推荐(0)

ES6扩展运算符（...）

摘要：在 ES6 中，扩展运算符（...）是一种用来展开数组和对象的语法。它可以将一个数组或对象展开，以便在函数调用、数组字面量或对象字面量中使用。 1 // 1. 在数组中的应用： 2 let arr = [1,2,245,6] 3 let arr1 = [...arr,3,5,7] 4 console 阅读全文

posted @ 2024-02-23 17:22 萬事順意阅读(141) 评论(0) 推荐(1)

Object— Object.defineProperty()（详解、原理、作用、使用场景、使用方式）

摘要：一.Object.defineProperty()详解 Object.defineProperty() 是 JavaScript 中用于定义或修改对象的属性的方法，可以控制属性的特性（如可枚举性、可配置性、可写性等）。 Object.defineProperty() 方法的语法如下： Object. 阅读全文

posted @ 2024-02-22 23:01 萬事順意阅读(12469) 评论(0) 推荐(2)

Object — Object.values()

摘要：Object.values() 是 JavaScript 中的一个内置方法，用于返回一个包含指定对象所有可枚举属性值的数组。 Object.values() 方法会遍历目标对象的可枚举属性（不包括继承的属性），并返回一个数组，该数组包含了这些属性的值。 1 let obj = { 2 name : 阅读全文

posted @ 2024-02-22 21:30 萬事順意阅读(1038) 评论(0) 推荐(0)

Object — hasOwnProperty

摘要：obj.hasOwnProperty(key) 是 JavaScript 中用于检查对象是否具有指定属性（不包括原型链上的属性）的方法。 hasOwnProperty() 方法是从 Object.prototype 继承而来的，在每个对象实例中都可以调用。它接受一个参数 key，表示要检查的属性名，阅读全文

posted @ 2024-02-22 21:15 萬事順意阅读(486) 评论(0) 推荐(0)

Object — Object.keys()

摘要：Object.keys() 是 JavaScript 中的一个内置方法，用于返回一个由指定对象的所有可枚举属性的键组成的数组。 Object.keys() 方法会遍历目标对象的可枚举属性（不包括继承的属性），并返回一个数组，该数组包含了这些属性的键。 1 // （1）数组Array对象（返回索引值）阅读全文

posted @ 2024-02-22 16:35 萬事順意阅读(213) 评论(0) 推荐(1)

Object — Object.is()

摘要：Object.is() 方法通常用于需要进行严格相等比较的场景，特别是在处理一些特殊值时更为实用。以下是一些适合使用 Object.is() 的场景： 1 // (1)比较字符串 2 let str = '1' 3 let str1 = '1' 4 5 console.log(Object.is(s 阅读全文

posted @ 2024-02-22 15:51 萬事順意阅读(73) 评论(0) 推荐(0)

Object方法 — Object.entries()

摘要：Object方法 — Object.entries() Object.entries() 方法是 JavaScript 中的一个静态方法，用于返回一个给定对象自身可枚举属性的键值对数组。该方法接受一个对象作为参数，并将该对象的可枚举属性转换为一个二维数组，其中每个子数组包含两个元素：属性的键和属性阅读全文

posted @ 2024-02-22 11:04 萬事順意阅读(7305) 评论(0) 推荐(2)

最简单的深拷贝和浅拷贝（原理）

摘要：拷贝：其实就是一个对象复制给另外一整个对象，让对象相互不影响。对象的拷贝又分为浅拷贝和深拷贝对象的浅拷贝：浅拷贝是指只复制对象的第一层属性，如果对象的属性值是引用类型（如对象、数组等），则复制的是引用，而不是真正的拷贝。对象的深拷贝：深拷贝是指在复制对象时，不仅复制对象本身，还递归地复制对象所阅读全文

posted @ 2024-02-21 16:33 萬事順意阅读(192) 评论(0) 推荐(0)

ES6中的class浅谈

摘要：在 ES6 中引入了类（class）的概念，让 JavaScript 更加接近传统面向对象编程语言。类提供了一种用于创建对象的模板，其中包含了属性和方法的定义。 1.定义类使用 class 关键字可以定义一个类，类名通常以大写字母开头。 1 class Person { 2 3 4 constru 阅读全文

posted @ 2024-02-21 15:19 萬事順意阅读(24) 评论(0) 推荐(0)