随笔分类 - 02-02. JavaScript 方法
字符串、数组、对象、数学、数字......
摘要：浅拷贝 只对第一从重新赋址，里面的内容依旧是原来的地址let newdata = Object.assign([], ary1, ary2, ...) 1、Object.assign() let a = {}; Object.assign({}, a) a; // false let c = {b:
阅读全文
摘要：看一下.call都做了些什么 let obj = { age: 18 } function fn(...params) { console.log(this.age, ...params)；// 18 "参数1" "参数2" "参数n" return "返回值" } console.log(fn.c
阅读全文
摘要：new Map() 介绍： 对象保存键值对，并记住键的原始插入顺序。任何值（对象值和原始值）都可以用作键或值。 // const map = new Map(); const map = new Map([[1, 2], [{ a: 1 }, 2], ["1", 2]]); console.log(
阅读全文
摘要：Set去重（ sort() 是排序， 不要搞混了） let ary = [1, 12, 3, 24, 1, 3, 2, 8, 3]; let p = [...new Set(ary)] console.log(p) 数组去重（封装方法，挂在原型上，方法不改变原有数组） 1.判断插入 （我最喜欢，简单
阅读全文
摘要：console、debugger、alter 对比 都是代码调试工具，目前最常用的是console，最好用的应该是debugger。 三者的效果： 1. console 可以在开发者面板（调试窗口 / 控制台）输出内容。 2. alter 会阻断代码，并在浏览器的正上方输出内容。 3. debugg
阅读全文
摘要：bind call apply改变函数中this指向的区别 JS中这三个都是用来改变this指向问题的，都是跟在函数的后面；他们的第一个参数都是你想要指定的this对象；都可以接受传参。 最大的区别： call和apply都是直接调用函数，返回值就是调用的函数的返回值；而bind不会调用函数，他会返
阅读全文
摘要：先来看一个普通的循环 次循环，一共循环10次，num 第一次进入循环变成 1，第二次变成 2，最后输出 10 let num = 0 for (let i = 1; i <= 10; i++) { num++; } console.log(num) // 10 continue (中译：继续) 跳过
阅读全文
摘要：while 循环 while 循环会在指定条件为真时循环执行代码块。 如果你忘记增加条件中所用变量的值，该循环永远不会结束。这肯能导致浏览器奔溃。 语法 while (条件) { 需要执行的代码 } 实例 本例中的循环将继续运行，只要变量 i 小于 5： function myFunction(){
阅读全文
摘要：ES6 的 switch 跟 if 差不多，当某个固定的变量或者属性会发生变化的时候使用。 注意：每个 case 完都要用 break（在函数中可以用return）终止switch，不然会穿透（当前成立的条件之后的代码（包括下面的case）都会执行） 例子 let res = 2; let rese
阅读全文
摘要：定位父级：（定位父级offsetParent的定义是：与当前元素最近的经过定位(position不等于static)的父级元素） display:absolute; 相对定位 display:relative; 绝对定位 .... 注意：当元素自身有fixed固定定位时，我们知道固定定位的元素相对于
阅读全文
摘要：Number 注意：浮点数的运算，在计算机中是不够精确的 2e3 // 2 * 10³ ⇒ 2000 10E-2 // 10 * 10⁻² ⇒ 0.1 相关方法： parseFloat(str) 把字符串转成 小数 或 整数 str 是字符串，如果不是字符串，浏览器会启动隐式转换默认将其转换为字符串
阅读全文
摘要：Object 的静态方法(静态方法：在类身上的方法，动态方法:在实例身上的方法) Object.assgin(); 浅拷贝 （有配置走配置，没配置走默认。Object.assgin(默认，配置)） 将多个对象的可枚举属性拷贝到目标对象上，并且返回赋值后的目标对象。 从右往左赋值。 1 let obj
阅读全文
摘要：再提一下什么是静态方法： 静态方法：在类身上的方法， 动态方法：在实例身上的方法 对 对象的属性 进行 防篡改处理 Object.defineProperties(obj, props)以及数据劫持效果 obj：被添加属性的对象 props：添加或更新的属性对象 给对象定义属性， 如果存在该属性，则
阅读全文
摘要：String ' ' 字符串的方法： （这里不全，也不详细，有心情再补充） let str = 'zhufeng' str.charAt(0) //z: 找到字符串中的某一个值 str.concat('ni','hao') //zhufengnihao: 字符串拼接 '9'.charCodeAt()
阅读全文
摘要：Math // console.log(Math); // 对象； 1 Math.max : 获取一组数的最大值 console.log(Math.max(12, 3, 45, 109, 4));//109 2 Math.min console.log(Math.min(12, 3, 0, 109,
阅读全文
摘要：类数组 类似于数组，它有和数组一样的下标，length，[]，但是不能使用数组的方法 比如：一组元素、arguments 类数组转数组 目的就是为了使用数组的方法 （写字母 Array 和 简写 [] 是一样的） Array.from(arguments) Array.prototype.slice
阅读全文
摘要：数组 Array [] 的方法 有下标，有length Array.from(类数组) 类数组转数组 将一个类数组对象或者可遍历对象转换成一个真正的数组。 （类数组：是一个有length，属性名是数字的对象（像数组，却不能用数组的方法）。比如：获取的一组元素/arguments） Array.fro
阅读全文
摘要：ECMAscript 中规定的数据类型有： 简单类型：string、number、boolean、undefined、null、symbol、bigint 引用（复杂）类型：object object 又分为：普通对象 {}、数组对象 []、函数 function(){} 分割线 检测这些数据的类型
阅读全文
浙公网安备 33010602011771号