JavaScript
互联网切图仔
这个作者很懒,什么都没留下…
展开
-
日常写BUG-1、扁平化数组转化为树形数据结果
一、场景 描述:如下图图一,后端返回的数据是这个样子的,但业务我们将这个数据格式转换为树形结构(参考ant-design-vue 树选择组件),如图二 二、实现 function createTree(tree, parentId = 0) { let data = tree.filter(v => v.parentId == parentId) if (!data.length) { console.log(data, 'data'); retur原创 2021-06-17 17:15:22 · 154 阅读 · 0 评论 -
Javascript学习篇-6、Arguments 对象(关键字)
arguments 是一个对应于传递给函数的参数的类数组对象。 例:** function func1(a, b, c) { console.log(arguments[0]); // expected output: 1 console.log(arguments[1]); // expected output: 2 console.log(arguments[2]); // expected output: 3 } func1(1, 2, 3); arguments对象是所有(原创 2020-09-24 10:28:08 · 110 阅读 · 0 评论 -
JavaScript学习篇-5、JavaScript中的继承
一、借用构造函数继承父类型属性 // 1、父构造函数 function Father(uname, age) { this.uname = uname; this.age = age; } // 2、子构造函数 function Son(uname, age) { // 通过call()将this指向子构造函数 Father.call(this, uname, age) } var son = new Son('小明', 18); console.log(son); //S原创 2020-08-12 15:57:20 · 67 阅读 · 0 评论 -
JavaScript学习篇-4、浅谈JavaScript中的浅拷贝和深拷贝
一、浅拷贝 1、浅拷贝:浅拷贝只是拷贝一层数据,如果有更深层次对象级别的,只拷贝其引用地址 实例 var obj = { name: 'zs', age: 20 }; var o = {}; //遍历实现浅拷贝 for (var k in obj) { o[k] = obj[k] } console.log(o); //输出:{ name: 'zs', age: 20 } 当我们obj对象中添加一个对象,然后进行浅拷贝,在对象o修改msg.hobby的值,会发现对象obj也跟着改原创 2020-08-03 20:25:03 · 89 阅读 · 0 评论 -
JavaScript学习篇-3、null与undefined的区别
一、相同之处 先来比较一下 console.log(null==undefined) //true 则说明,null与undefined的值相等 二、不同之处 console.log(null===undefined) //false 则说明,null与undefined的类型不一样 三、两者区别 当声明的变量还未被初始化时,变量的默认值为undefined,表示缺少值 null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。 四、典型用法 1、null表示”没有对象”,即该处不应该原创 2020-07-27 11:49:43 · 111 阅读 · 0 评论 -
Javascript学习篇-1、JavaScript中数据类型与布尔值的转换以及this的函数内指向
一、JavaScript中数据类型与true、false的转换 二、函数内this的指向 调用方式 this指向 普通函数调用 window 构造函数调用 实例对象 对象方法调用 该方法所属对象 事件绑定方法 绑定事件对象 定时器函数 window 立即执行函数 window ...原创 2020-07-13 21:55:46 · 92 阅读 · 0 评论 -
JavaScript学习篇-2、JavaScript中的全局函数
函数 作用 decodeURI() 解码某个编码的 URI decodeURIComponent() 解码一个编码的 URI 组件 encodeURI() 把字符串编码为 URI encodeURIComponent() 把字符串编码为 URI 组件 escape() 对字符串进行编码 eval() 计算 JavaScript 字符串,并把它作为脚本代码来执行 isFinite() 检查某个值是否为有穷大的数 isNaN() 检查某个值是否是数字 Number...原创 2020-07-16 22:59:10 · 66 阅读 · 0 评论