前端

原型链自定义设置 原型链的设置可以通过Object.creative , __proto__, Object.setProperty三种方法 Object.creative () 说明： 该方法只能设置原型链，而不能获取 let a1 = {name: 'a1'} let b1 = Object.create(a1) b1.name = 'b1' console.log(b1); Object.creative()为创建对象的方法，第一个参数为其原型对象，第二个参数为其默认属性，这些属性默认是不可写，不可遍历，不可修改的 let b=Object.create(null,{ a:{value:'ohh', enumerable:true}, b:{value:'jqf'}, }) console.log(Object.getOwnPropertyDescriptors(b)); //a: {value: "ohh", writable: false, enumerable: true, configurable: false} //b: {value: "jqf", writable: false, enumerable: false, configurable: false} __proto__ 说明： 能设置，能获取，实质上是setter，getter let a2 = {name: 'a2'} let b2 = {name: 'b2'} a2.__proto__ = b2 console.log(a2); console.log(a2.__proto__);//{name: "b2"} 关于__proto__是setter,getter？...

自定义一个模块引擎 要求： 能够让模块之间产生依赖关系 代码 let _module = (function () { let moduleList = {} function define(name, modules, action) { modules.map((n, i) => { //将传入的只含名称的模块数组 => 指定名称模块的返回结果 modules[i] = moduleList[n] }) moduleList[name] = action.apply(null, modules) // console.log(moduleList); } return {define} })(); //定义一个工具库，暴露给外界使用，输出 _module.define('tools', [], function () { return { max(arr) { return arr.sort((a, b) => b - a)[0]//获取最大值挺别致昂 }, min(arr) { return arr.sort((a, b) => b - a)[arr.length - 1]; } } }); //使用之前定义的工具库，引入 _module....

对象中参数获取和值的接收 1.对象中利用key获取value. | [] let obj = {name: 'jqf', age: 19} for (let key in obj) { // console.log(obj.key);//会报undefined console.log(obj[key]);//jqf,19 } 👉 delete Object.key() delete obj.name console.log(obj);//{ age: 19 } 2.参数/配置合并 👉 展开语法 利用展开语法合并对象，让后面传入的参数覆盖默认参数，完成合并 function upload(params) { let config = { url: '/images', type: '*.jpg,*.png' } config = {...config, ...params} //do something... console.log(config); } upload({type:'*.webp'})//{ url: '/images', type: '*.webp' } 👉 解构赋值 解构赋值会把相同key的进行合并，后面覆盖掉前面的 function upload(params = {}) { let {url = '/images', type = '*....

关于函数传参 当参数数量不确定时，通常用arguments 来统一接收 function sum() { return [...arguments].reduce((res, i,) => res + i, 0) } let res = sum(1, 2, 3) console.log(res);//6 可以用展开语法代替arguments接收所有的参数： function sum(...args) { return args.reduce((res, i,) => res + i, 0) } let res = sum(1, 2, 3) console.log(res);//6 注意： 接收参数时展开语法放其他形参后面，做统一接收 递归函数 递归函数有两个关键点，一是要有退出执行的条件，二是要不断执行自身并返回 递归思想实现阶乘函数 function factorial(num) { if (num === 1) { return num } return num * factorial(--num) } 如果用到箭头函数，可以简写为： function factorial(num) { return num === 1 ?...

Map类型 1.属性 👉 set() 设置值 let map = new Map() let fn = function () {console.log('this is function')} let user = {name: 'jqf', age: 18} map.set('key', 'value') map.set(fn, 'function') map.set(user, 'object') console.log(map); /*Map(3){"key" => "value", ƒ => "function", {…} => "object"}*/ 注意： Map类型，字符串、函数、对象都可以作为key设置 👉 size Map长度 console.log(map.size);//3 👉get() 获取值 console.log(map.get(fn));//function //通过key获取value 👉 delete() / clear() 删除某个，清空Map console.log(map.delete(fn));//true console.log(map); /*Map(3){"key" => "value", {…} => "object"}*/ 👉 has() 是否有某个key console.log(map.has(user));//true 2.遍历 👉forEach(val,key,map)...

Set类型 1.属性 👉 size ：数组长度 let set = new Set([1, 2, 3]) console.log(set.size);//9 👉 add() ：添加元素 console.log(set.add(99));//返回修改后的数组Set(4) { 1, 2, 3, 99 } console.log(set);//原数组已经被修改Set(4) { 1, 2, 3, 99 } 👉 delete() ：删除元素 console.log(set.delete(99));//true console.log(set);//Set(3) { 1, 2, 3 } 👉 has() ：有某个元素 console.log(set.has(3)); //true 👉 clear()：清空数组 set.clear()//返回undefined console.log(set);//Set(0) {} 2.遍历Set 👉 forEach() 方法 let set=new Set(['jqf','fin','zzh']) set.forEach((value, samevalue, set) => { console.log(value);//jqf,fin,zzh console.log(samevalue);//jqf,fin,zzh console.log(set);//Set(3) { 'jqf', 'fin', 'zzh' } }) //这里回调中的参数，前两个都是一样的值， //第三个参数为遍历的Set 👉 [....