[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_104":-5},"routes/tags/slug",{"_9":10,"_11":12},"tag",{"_14":96,"_97":98,"_16":65,"_102":103},"posts",[13],{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":30,"_31":-5,"_32":-5,"_33":34,"_35":36,"_37":21,"_38":39,"_40":21,"_41":42,"_43":42,"_44":39},"id","4bf24acf-a00f-4cdd-8d03-e0c9b391d4ab","slug","js-the-good-part-snippets","title","JavaScript 语言精粹代码片段","excerpt","","status","published","publishedAt","2019-11-04T11:04:38.000Z","updatedAt","2026-05-13T01:57:23.937Z","category","tags",[94,95],"cover","og","contentMarkdown","这本书很老了，代码基本都过时了，整理出来看看也罢。\n\n```js\n// 模拟 new 的行为\nFunction.prototype.method = function (name, func) {\n this.prototype[name] = func;\n return this;\n};\n\nFunction.method(\"new\", function () {\n var that = Object.create(this.prototype);\n var obj = this.apply(that, arguments);\n return (typeof obj === \"object\" && obj) || that;\n});\n\nvar Mammal = function (name) {\n this.name = name;\n};\n\nvar human = Mammal.new(\"people\");\n```\n\n```js\n// 模拟类\nObject.create = function (o) {\n let F = function () {};\n F.prototype = o;\n return new F();\n};\n\nvar mammal = function (spec) {\n var that = {};\n\n that.get_name = function () {\n return spec.name;\n };\n that.says = function () {\n return spec.saying || \"\";\n };\n return that;\n};\n\nvar cat = function (spec) {\n spec.saying = spec.saying || \"meow\";\n var that = mammal(spec);\n that.purr = function (n) {\n var i,\n s = \"\";\n for (i = 0; i < n; i++) {\n if (s) {\n s += \"-\";\n }\n s += \"r\";\n }\n return s;\n };\n that.get_name = function () {\n return that.says() + \" \" + spec.name + \" \" + that.says();\n };\n return that;\n};\n\nObject.method(\"superior\", function (name) {\n var that = this,\n method = that[name];\n return function () {\n debugger;\n console.log(method());\n method.apply(that, arguments);\n };\n});\n\nvar coolcat = function (spec) {\n var that = cat(spec),\n super_get_name = that.superior(\"get_name\");\n that.get_name = function (n) {\n return \"like\" + super_get_name() + \"baby\";\n };\n return that;\n};\n\nvar mycat = coolcat({ name: \"Bix\" });\n```\n\n```js\n// 事件发射与监听\nvar eventuality = function (that) {\n var registry = {};\n that.fire = function (event) {\n var array,\n func,\n handler,\n i,\n type = typeof event === \"string\" ? event : event.type;\n if (registry.hasOwnProperty(type)) {\n array = registry[type];\n for (i = 0; i < array.length; i += 1) {\n handler = array[i];\n func = handler.method;\n if (typeof func === \"string\") {\n func = this[func];\n }\n func.apply(this, handler.parameters || [event]);\n }\n }\n return this;\n };\n that.on = function (type, method, parameters) {\n var handler = {\n method: method,\n parameters: parameters,\n };\n if (registry.hasOwnProperty(type)) {\n registry[type].push(handler);\n } else {\n registry[type] = [handler];\n }\n return this;\n };\n return that;\n};\n```\n\n```js\n// 初始值为 initial 的 m（row） x n（column）矩阵\nArray.matrix = function (m, n, initial) {\n var a,\n i,\n j,\n mat = [];\n for (i = 0; i < m; i++) {\n a = [];\n for (j = 0; j < n; j++) {\n a[j] = initial;\n }\n mat[i] = a;\n }\n return mat;\n};\n\n// 遍历 DOM 树\nconst walk_dom = function walk(node, func) {\n func(node);\n node = node.firstChild;\n while (node) {\n walk(node, func);\n node = node.nextSibling;\n }\n};\n\nvar body = document.body;\n\nwalk_dom(body, (node) => {\n this.count ? this.count++ : (this.count = 1);\n});\n\nconsole.log(\"I have so many dom: \" + count);\n```\n\n```js\n// 根据属性排序数组\n// Array.prototype.sort(comparefn), this is a comparefn creator\nvar by = function (name, minor) {\n return function (o, p) {\n if (typeof o === \"object\" && typeof p === \"object\" && o && p) {\n let a = o[name];\n let b = p[name];\n if (a === b) {\n return typeof minor === \"function\" ? minor(o, p) : 0;\n }\n if (typeof a === typeof b) {\n return a < b ? -1 : 1;\n }\n return typeof a < typeof b ? -1 : 1;\n } else {\n throw {\n name: \"Error\",\n message: \"Expect an object when sorting by \" + name,\n };\n }\n };\n};\n```\n\n```js\n// 用 apply 实现 bind 方法\nFunction.prototype.bind = function (that) {\n var it = this;\n var slice = Array.prototype.slice;\n var args = slice.apply(arguments, [1]);\n\n return function () {\n it.apply(that, args.concat(slice.apply(arguments, [0])));\n };\n};\n```\n\n```js\n// 把某些符号变成不于 html 冲突的 entity\nString.method(\n \"entityify\",\n (function () {\n var character = {\n \"<\": \"<\",\n \">\": \">\",\n \"&\": \"&\",\n '\"': \""\",\n };\n return function () {\n return this.replace(/[<>&\"]/g, function (c) {\n return character(c);\n });\n };\n })(),\n);\n```","contentJson",{"_45":46,"_47":48},"aiSummary","aiSummaryEnabled",false,"aiSummarySourceHash","allowComments",true,"enableToc","needsReview","type","doc","content",[49,50,51,52,53,54,55,56],{"_45":90,"_47":91},{"_45":57,"_58":86,"_47":87},{"_45":57,"_58":82,"_47":83},{"_45":57,"_58":78,"_47":79},{"_45":57,"_58":74,"_47":75},{"_45":57,"_58":70,"_47":71},{"_45":57,"_58":66,"_47":67},{"_45":57,"_58":59,"_47":60},"codeBlock","attrs",{"_64":65},[61],{"_62":63,"_45":62},"text","// 把某些符号变成不于 html 冲突的 entity\nString.method(\n \"entityify\",\n (function () {\n var character = {\n \"<\": \"<\",\n \">\": \">\",\n \"&\": \"&\",\n '\"': \""\",\n };\n return function () {\n return this.replace(/[<>&\"]/g, function (c) {\n return character(c);\n });\n };\n })(),\n);","language","js",{"_64":65},[68],{"_62":69,"_45":62},"// 用 apply 实现 bind 方法\nFunction.prototype.bind = function (that) {\n var it = this;\n var slice = Array.prototype.slice;\n var args = slice.apply(arguments, [1]);\n\n return function () {\n it.apply(that, args.concat(slice.apply(arguments, [0])));\n };\n};",{"_64":65},[72],{"_62":73,"_45":62},"// 根据属性排序数组\n// Array.prototype.sort(comparefn), this is a comparefn creator\nvar by = function (name, minor) {\n return function (o, p) {\n if (typeof o === \"object\" && typeof p === \"object\" && o && p) {\n let a = o[name];\n let b = p[name];\n if (a === b) {\n return typeof minor === \"function\" ? minor(o, p) : 0;\n }\n if (typeof a === typeof b) {\n return a < b ? -1 : 1;\n }\n return typeof a < typeof b ? -1 : 1;\n } else {\n throw {\n name: \"Error\",\n message: \"Expect an object when sorting by \" + name,\n };\n }\n };\n};",{"_64":65},[76],{"_62":77,"_45":62},"// 初始值为 initial 的 m（row） x n（column）矩阵\nArray.matrix = function (m, n, initial) {\n var a,\n i,\n j,\n mat = [];\n for (i = 0; i < m; i++) {\n a = [];\n for (j = 0; j < n; j++) {\n a[j] = initial;\n }\n mat[i] = a;\n }\n return mat;\n};\n\n// 遍历 DOM 树\nconst walk_dom = function walk(node, func) {\n func(node);\n node = node.firstChild;\n while (node) {\n walk(node, func);\n node = node.nextSibling;\n }\n};\n\nvar body = document.body;\n\nwalk_dom(body, (node) => {\n this.count ? this.count++ : (this.count = 1);\n});\n\nconsole.log(\"I have so many dom: \" + count);",{"_64":65},[80],{"_62":81,"_45":62},"// 事件发射与监听\nvar eventuality = function (that) {\n var registry = {};\n that.fire = function (event) {\n var array,\n func,\n handler,\n i,\n type = typeof event === \"string\" ? event : event.type;\n if (registry.hasOwnProperty(type)) {\n array = registry[type];\n for (i = 0; i < array.length; i += 1) {\n handler = array[i];\n func = handler.method;\n if (typeof func === \"string\") {\n func = this[func];\n }\n func.apply(this, handler.parameters || [event]);\n }\n }\n return this;\n };\n that.on = function (type, method, parameters) {\n var handler = {\n method: method,\n parameters: parameters,\n };\n if (registry.hasOwnProperty(type)) {\n registry[type].push(handler);\n } else {\n registry[type] = [handler];\n }\n return this;\n };\n return that;\n};",{"_64":65},[84],{"_62":85,"_45":62},"// 模拟类\nObject.create = function (o) {\n let F = function () {};\n F.prototype = o;\n return new F();\n};\n\nvar mammal = function (spec) {\n var that = {};\n\n that.get_name = function () {\n return spec.name;\n };\n that.says = function () {\n return spec.saying || \"\";\n };\n return that;\n};\n\nvar cat = function (spec) {\n spec.saying = spec.saying || \"meow\";\n var that = mammal(spec);\n that.purr = function (n) {\n var i,\n s = \"\";\n for (i = 0; i < n; i++) {\n if (s) {\n s += \"-\";\n }\n s += \"r\";\n }\n return s;\n };\n that.get_name = function () {\n return that.says() + \" \" + spec.name + \" \" + that.says();\n };\n return that;\n};\n\nObject.method(\"superior\", function (name) {\n var that = this,\n method = that[name];\n return function () {\n debugger;\n console.log(method());\n method.apply(that, arguments);\n };\n});\n\nvar coolcat = function (spec) {\n var that = cat(spec),\n super_get_name = that.superior(\"get_name\");\n that.get_name = function (n) {\n return \"like\" + super_get_name() + \"baby\";\n };\n return that;\n};\n\nvar mycat = coolcat({ name: \"Bix\" });",{"_64":65},[88],{"_62":89,"_45":62},"// 模拟 new 的行为\nFunction.prototype.method = function (name, func) {\n this.prototype[name] = func;\n return this;\n};\n\nFunction.method(\"new\", function () {\n var that = Object.create(this.prototype);\n var obj = this.apply(that, arguments);\n return (typeof obj === \"object\" && obj) || that;\n});\n\nvar Mammal = function (name) {\n this.name = name;\n};\n\nvar human = Mammal.new(\"people\");","paragraph",[92],{"_62":93,"_45":62},"这本书很老了，代码基本都过时了，整理出来看看也罢。",{"_14":100,"_97":101,"_16":101,"_99":-5},{"_14":96,"_97":98,"_16":65,"_99":-5},"d84c10aa-fbfe-467f-bf5b-89dfb230a6fe","name","js基础","description","2baeb6ad-c4b7-420d-8645-bb6804abc6e2","snippet","createdAt",["D",1778637443935],"theme"]