issue · Magic_sword2

[TOC] # 简介说明 原文链接： - [javascript的23种设计模式](https://mp.weixin.qq.com/s/hP5YMgJTgaVIlaK-XJ3Bcw) - [用了这个设计模式，我优化了50%表单校验代码](https://mp.weixin.qq.com/s/zGca0S0Xfs_D5ZSBPBXfXg) ``` 版本：JavaScript常见问题作用：JavaScript常见问题 ``` # 常见问题 # 实现类似python getattr动态属性获取？ ***** 实现类似python getattr动态属性获取 ### 示例内容 1. 解决代码 ``` let x = new Proxy({}, { get(target, name) { return `Value for attribute ${name}` } }); console.log(x.lskdjoau); // produces message: "Value of attribute 'lskdjoau'" ``` # 实现loadsh get方法？ ***** 实现loadsh get方法 ### 示例内容 1. 解决代码 ``` function deepGet(object, path, defaultValue) { return (!Array.isArray(path) ? path.replace(/\[/g, '.').replace(/\]/g, '').split('.') : path) .reduce((o, k) => (o || {})[k], object) || defaultValue; } ``` # 中文按照字母分隔并排序？ ***** 中文按照字母分隔并排序 ### 示例内容 1. 解决代码 ``` function pySegSort(arr, empty) { if (!String.prototype.localeCompare) { return null; } let letters = "*abcdefghjklmnopqrstwxyz".split(''); let zh = "阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨它穵夕丫帀".split(''); let segments = []; let curr; letters.forEach((l, i) => { curr = {letter: l, data: []}; arr.forEach((content) => { // 内容大小在上一个文字和当前文字之间，是的话则上传 if ((!zh[i - 1] || zh[i - 1].localeCompare(content, "zh") <= 0) && content.localeCompare(zh[i], "zh") === -1) { curr.data.push(content); } }) if (empty || curr.data.length) { segments.push(curr); curr.data.sort(function (a, b) { return a.localeCompare(b, "zh"); }); } }); return segments; } ``` # ArrayBuffer与字符串的互相转换？ ***** ArrayBuffer与字符串的互相转换 ### 示例内容 1. 解决代码 ``` // ArrayBuffer转为字符串，参数为ArrayBuffer对象 function ab2str(buf) { return String.fromCharCode.apply(null, new Uint16Array(buf)); } // 字符串转为ArrayBuffer对象，参数为字符串 function str2ab(str) { var buf = new ArrayBuffer(str.length*2); // 每个字符占用2个字节 var bufView = new Uint16Array(buf); for (var i=0, strLen=str.length; i<strLen; i++) { bufView[i] = str.charCodeAt(i); } return buf; } ``` # 实现深拷贝？ ***** 如何实现深拷贝？ ### 示例内容 1. 解决代码 ``` function cloneDeep(x) { const root = {} // 栈 const loopList = [ { parent: root, key: undefined, data: x } ] while (loopList.length) { // 广度优先 const node = loopList.pop() const parent = node.parent const key = node.key const data = node.data // 初始化赋值目标，key为undefined则拷贝到父元素，否则拷贝到子元素 let res = parent if (typeof key !== 'undefined') { res = parent[key] = {} } for (let k in data) { if (typeof data[k] === 'object') { // 下一次循环 loopList.push({ parent: res, key: k, data: data[k] }) } else { res[k] = data[k] } } } return root } ```