docs__interview__js__jsbasics.md.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[26],{"/L3G":function(e,n,l){e.exports=l.p+"static/bounce.2565d568.png"},"6Yqz":function(e,n,l){"use strict";l.r(n);var t=l("q1tI"),a=l.n(t),c=l("dEAq"),r=l("H1Ra"),o=l("dMo/"),m=a.a.memo((e=>{e.demos;return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"markdown"},a.a.createElement("h2",{id:"\u57fa\u672c\u6570\u636e\u7c7b\u578b"},a.a.createElement(c["AnchorLink"],{to:"#\u57fa\u672c\u6570\u636e\u7c7b\u578b","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"\u57fa\u672c\u6570\u636e\u7c7b\u578b"),a.a.createElement("h3",{id:"1\u57fa\u672c\u6570\u636e\u7c7b\u578b\u6709\u54ea\u4e9b\u57fa\u672c\u6570\u636e\u7c7b\u578b\u548c\u5f15\u7528\u6570\u636e\u7c7b\u578b\u7684\u533a\u522b"},a.a.createElement(c["AnchorLink"],{to:"#1\u57fa\u672c\u6570\u636e\u7c7b\u578b\u6709\u54ea\u4e9b\u57fa\u672c\u6570\u636e\u7c7b\u578b\u548c\u5f15\u7528\u6570\u636e\u7c7b\u578b\u7684\u533a\u522b","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"1\u3001\u57fa\u672c\u6570\u636e\u7c7b\u578b\u6709\u54ea\u4e9b\uff1f\u57fa\u672c\u6570\u636e\u7c7b\u578b\u548c\u5f15\u7528\u6570\u636e\u7c7b\u578b\u7684\u533a\u522b\uff1f"),a.a.createElement("img",{src:l("bjzW")}),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,"\u57fa\u672c\u6570\u636e\u7c7b\u578b\uff1a",a.a.createElement("code",null,"Number"),"\u3001",a.a.createElement("code",null,"String"),"\u3001",a.a.createElement("code",null,"Boolean"),"\u3001",a.a.createElement("code",null,"undefined"),"\u3001",a.a.createElement("code",null,"null"),"\u3001",a.a.createElement("code",null,"Symbol"),"\u3001",a.a.createElement("code",null,"bigInt"))),a.a.createElement("li",null,a.a.createElement("p",null,"\u4e24\u8005\u4e4b\u95f4\u7684\u533a\u522b\uff1a\u57fa\u672c\u6570\u636e\u7c7b\u578b\u662f\u5b58\u5728",a.a.createElement("code",null,"\u6808"),"\u4e2d\u7684\u7b80\u5355\u7684\u6570\u636e\u6bb5\uff0c\u6570\u636e\u5927\u5c0f\u786e\u5b9a\uff0c\u5185\u5b58\u7a7a\u95f4\u5927\u5c0f\u53ef\u4ee5\u5206\u914d\uff0c\u662f\u76f4\u63a5\u6309\u503c\u5b58\u653e\u7684\uff0c\u6240\u4ee5\u53ef\u4ee5\u76f4\u63a5\u6309\u503c\u8bbf\u95ee\u3002\u5f15\u7528\u7c7b\u578b\u662f\u540c\u65f6\u5b58\u5728",a.a.createElement("code",null,"\u6808"),"\u548c",a.a.createElement("code",null,"\u5806"),"\u4e2d\u7684\u5bf9\u8c61\uff0c\u53d8\u91cf\u4fdd\u5b58\u7684\u662f\u5728\u6808\u5185\u5b58\u4e2d\u7684\u4e00\u4e2a\u6307\u9488\uff0c\u8be5\u6307\u9488\u6307\u5411\u5806\u5185\u5b58\uff0c\u4e5f\u5c31\u662f\u8bf4\u53d8\u91cf\u662f\u5b58\u5728\u6808\u4e2d\u7684\u4e00\u4e2a\u5730\u5740\uff0c\u5730\u5740\u662f\u8be5\u5f15\u7528\u6570\u636e\u5728\u5806\u4e2d\u7684\u5730\u5740\u3002\u901a\u8fc7\u8fd9\u4e2a\u5730\u5740\u53ef\u4ee5\u627e\u5230\u4fdd\u5b58\u5728\u5806\u5185\u5b58\u4e2d\u7684\u5bf9\u8c61"),a.a.createElement(r["a"],{code:"var a = { key: 1 };\nvar b = a;\nb.key = 2;\nconsole.log(a.key); //2\uff0c\u56e0\u4e3aa\u548cb\u90fd\u6307\u5411\u540c\u4e00\u4e2a\u5730\u5740",lang:"js"}),a.a.createElement("p",null,a.a.createElement("strong",null,"symbol \u548c bigint \u8bb2\u4e00\u8bb2\u5e94\u7528\u573a\u666f\uff1f"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"symbol")," : ",a.a.createElement("code",null,"Symbol")," \u662f\u4e00\u79cd\u5728 ES6 \u4e2d\u65b0\u6dfb\u52a0\u7684\u6570\u636e\u7c7b\u578b\uff0c\u672c\u8d28\u4e0a\u662f\u4e00\u79cd\u552f\u4e00\u6807\u8bc6\u7b26\uff0c\u53ef\u7528\u4f5c\u5bf9\u8c61\u7684\u552f\u4e00\u5c5e\u6027\u540d\uff0c\u8fd9\u6837\u5176\u4ed6\u4eba\u5c31\u4e0d\u4f1a\u6539\u5199\u6216\u8986\u76d6\u4f60\u8bbe\u7f6e\u7684\u5c5e\u6027\u503c"),a.a.createElement("p",null,a.a.createElement("strong",null,"\u7279\u6027")),a.a.createElement("ul",null,a.a.createElement("li",null,"\u552f\u4e00\u6027\uff1a\u5373\u4f7f\u662f\u7528\u540c\u4e00\u4e2a\u53d8\u91cf\u751f\u6210\u7684\u503c\u4e5f\u4e0d\u76f8\u7b49")),a.a.createElement(r["a"],{code:"let id1 = Symbol('id');\nlet id2 = Symbol('id');\nconsole.log(id1 == id2); //false",lang:"js"}),a.a.createElement("ul",null,a.a.createElement("li",null,"\u9690\u85cf\u6027\uff1a",a.a.createElement("code",null,"for\xb7\xb7\xb7in"),"\uff0c",a.a.createElement("code",null,"object.keys()")," \u4e0d\u80fd\u8bbf\u95ee,\u4f46\u662f\u4e5f\u6709\u80fd\u591f\u8bbf\u95ee\u7684\u65b9\u6cd5\uff1a",a.a.createElement("code",null,"Object.getOwnPropertySymbols")))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"BigInt"),": BigInt \u6570\u636e\u7c7b\u578b\u63d0\u4f9b\u4e86\u4e00\u79cd\u65b9\u6cd5\u6765\u8868\u793a\u5927\u4e8e 2^53-1 \u7684\u6574\u6570\u3002BigInt \u53ef\u4ee5\u8868\u793a\u4efb\u610f\u5927\u7684\u6574\u6570"),a.a.createElement("p",null,"Number \u7c7b\u578b\u53ea\u80fd\u5b89\u5168\u7684\u652f\u6301-9007199254740991(-(2^53-1)) \u548c 9007199254740991(2^53-1)\u4e4b\u95f4\u7684\u6574\u6570\uff0c\u4efb\u4f55\u8d85\u8fc7\u8fd9\u4e2a\u8303\u56f4\u7684\u6570\u503c\u90fd\u4f1a\u5931\u53bb\u7cbe\u5ea6\uff1b\u800c BigInt \u53ef\u4ee5\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898"),a.a.createElement(r["a"],{code:"console.log(9007199254740999); //9007199254741000\nconsole.log(9007199254740993 === 9007199254740992); //true",lang:"js"}),a.a.createElement("p",null,a.a.createElement("strong",null,"\u5982\u4f55\u4f7f\u7528")),a.a.createElement("ul",null,a.a.createElement("li",null,"\u5728\u6574\u6570\u7684\u672b\u5c3e\u8ffd\u52a0 n ",a.a.createElement("code",null,"console.log(9007199254740999n)//9007199254740999")),a.a.createElement("li",null,"\u8c03\u7528",a.a.createElement("code",null,"BigInt()"),"\u6784\u9020\u51fd\u6570 ",a.a.createElement("code",null,'var bigInt = BigInt("9007199254740999");'))),a.a.createElement("p",null,a.a.createElement("strong",null,"\u6ce8\u610f\u4e8b\u9879")),a.a.createElement("ul",null,a.a.createElement("li",null,"BigInt \u9664\u4e86\u4e0d\u80fd\u4f7f\u7528\u4e00\u5143\u52a0\u53f7\u8fd0\u7b97\u7b26\u5916\uff0c\u5176\u4ed6\u7684\u8fd0\u7b97\u7b26\u90fd\u53ef\u4ee5\u4f7f\u7528")),a.a.createElement(r["a"],{code:"console.log(+1n); // Uncaught TypeError: Cannot convert a BigInt value to a number\nconsole.log(-1n); //ok",lang:"js"}),a.a.createElement("ul",null,a.a.createElement("li",null,"BigInt \u548c Number \u4e4b\u95f4\u4e0d\u80fd\u8fdb\u884c\u6df7\u5408\u64cd\u4f5c")),a.a.createElement(r["a"],{code:"`console.log(1n+5)",lang:"js"}))),a.a.createElement("h3",{id:"2\u5224\u65ad\u6570\u636e\u7c7b\u578b\u7684\u51e0\u79cd\u65b9\u6cd5instanceof-\u80fd\u6b63\u786e\u5224\u65ad\u5bf9\u8c61\u7684\u539f\u7406\u662f\u4ec0\u4e48"},a.a.createElement(c["AnchorLink"],{to:"#2\u5224\u65ad\u6570\u636e\u7c7b\u578b\u7684\u51e0\u79cd\u65b9\u6cd5instanceof-\u80fd\u6b63\u786e\u5224\u65ad\u5bf9\u8c61\u7684\u539f\u7406\u662f\u4ec0\u4e48","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"2\u3001\u5224\u65ad\u6570\u636e\u7c7b\u578b\u7684\u51e0\u79cd\u65b9\u6cd5\uff1finstanceof \u80fd\u6b63\u786e\u5224\u65ad\u5bf9\u8c61\u7684\u539f\u7406\u662f\u4ec0\u4e48?"),a.a.createElement("p",null,a.a.createElement("strong",null,"typeof \u5224\u65ad")),a.a.createElement("p",null,a.a.createElement("code",null,"typeof")," \u5bf9\u4e8e\u539f\u59cb\u7c7b\u578b\u6765\u8bf4\uff0c\u9664\u4e86 ",a.a.createElement("code",null,"null")," \u90fd\u53ef\u4ee5\u663e\u793a\u6b63\u786e\u7684\u7c7b\u578b"),a.a.createElement(r["a"],{code:"typeof 1; // number\ntypeof NaN; //number\ntypeof '1'; // string\ntypeof undefined; // undefined\ntypeof true; // boolean\ntypeof Symbol(); // symbol\ntypeof bigInt; //bigint",lang:"js"}),a.a.createElement("p",null,a.a.createElement("code",null,"typeof")," \u5bf9\u4e8e\u590d\u6742\u7c7b\u578b\u6765\u8bf4\uff0c\u9664\u4e86",a.a.createElement("code",null,"function"),"\u90fd\u4f1a\u663e\u793a ",a.a.createElement("code",null,"object"),"\uff0c\u6240\u4ee5\u8bf4 ",a.a.createElement("code",null,"typeof")," \u5e76\u4e0d\u80fd\u51c6\u786e\u5224\u65ad\u53d8\u91cf\u5230\u5e95\u662f\u4ec0\u4e48\u7c7b\u578b"),a.a.createElement(r["a"],{code:"typeof []; // 'object'\ntypeof {}; // 'object'\ntypeof console.log; // 'function'",lang:"js"}),a.a.createElement("p",null,"\u5982\u679c\u6211\u4eec\u60f3\u5224\u65ad\u4e00\u4e2a\u5bf9\u8c61\u7684\u6b63\u786e\u7c7b\u578b\uff0c\u8fd9\u65f6\u5019\u53ef\u4ee5\u8003\u8651\u4f7f\u7528",a.a.createElement("code",null,"instanceof"),"\uff0c\u56e0\u4e3a\u5185\u90e8\u673a\u5236\u662f\u901a\u8fc7",a.a.createElement("strong",null,"\u539f\u578b\u94fe"),"\u6765\u5224\u65ad\u7684"),a.a.createElement(r["a"],{code:"const Person = function() {};\nconst p1 = new Person();\np1 instanceof Person; // true\n\nvar str = 'hello world';\nstr instanceof String; // false\n\nvar str1 = new String('hello world');\nstr1 instanceof String; // true",lang:"js"}),a.a.createElement("p",null,"\u5bf9\u4e8e\u539f\u59cb\u7c7b\u578b\u6765\u8bf4\uff0c\u4f60\u60f3\u76f4\u63a5\u901a\u8fc7 ",a.a.createElement("code",null,"instanceof")," \u6765\u5224\u65ad\u7c7b\u578b\u662f\u4e0d\u884c\u7684\uff0c\u5f53\u7136\u6211\u4eec\u8fd8\u662f\u6709\u529e\u6cd5\u8ba9 ",a.a.createElement("code",null,"instanceof")," \u5224\u65ad\u539f\u59cb\u7c7b\u578b\u7684"),a.a.createElement(r["a"],{code:"class PrimitiveString {\n  static [Symbol.hasInstance](x) {\n    return typeof x === 'string';\n  }\n}\nconsole.log('hello world' instanceof PrimitiveString); // true",lang:"js"}),a.a.createElement("p",null,"\u4f60\u53ef\u80fd\u4e0d\u77e5\u9053",a.a.createElement("code",null,"Symbol.hasInstance"),"\u662f\u4ec0\u4e48\u4e1c\u897f\uff0c\u5176\u5b9e\u5c31\u662f\u4e00\u4e2a\u80fd\u8ba9\u6211\u4eec\u81ea\u5b9a\u4e49",a.a.createElement("code",null,"instanceof"),"\u884c\u4e3a\u7684\u4e1c\u897f\uff0c\u4ee5\u4e0a\u4ee3\u7801\u7b49\u540c\u4e8e",a.a.createElement("code",null,"typeof 'hello world' === 'string'"),"\uff0c\u6240\u4ee5\u7ed3\u679c\u81ea\u7136\u662f",a.a.createElement("code",null,"true"),"\u4e86\u3002\u8fd9\u5176\u5b9e\u4e5f\u4fa7\u9762\u53cd\u6620\u4e86\u4e00\u4e2a\u95ee\u9898\uff0c",a.a.createElement("code",null,"instanceof"),"\u4e5f\u4e0d\u662f\u767e\u5206\u4e4b\u767e\u53ef\u4fe1\u7684\u3002"),a.a.createElement("p",null,a.a.createElement("strong",null,"Object.prototype.toString.call")),a.a.createElement("p",null,a.a.createElement("code",null,"toString"),"\u662f",a.a.createElement("code",null,"object"),"\u7684\u539f\u578b\u65b9\u6cd5\uff0c\u8c03\u7528\u8be5\u65b9\u6cd5\u53ef\u4ee5\u7edf\u4e00\u8fd4\u56de\u683c\u5f0f\u4e3a",a.a.createElement("code",null,"[object xxx]"),"\u7684\u5b57\u7b26\u4e32\uff0c\u5176\u4e2d",a.a.createElement("code",null,"xxx"),"\u5c31\u662f\u5bf9\u8c61\u7684\u7c7b\u578b\uff0c\u5bf9\u4e8e\u5bf9\u8c61\uff0c\u76f4\u63a5\u8c03\u7528",a.a.createElement("code",null,"toString"),"\u5c31\u80fd\u8fd4\u56de",a.a.createElement("code",null,"[object object]")),a.a.createElement("p",null,a.a.createElement("strong",null,"\u5224\u65ad\u6570\u7ec4\u7684\u51e0\u79cd\u65b9\u6cd5")),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Array.isArray")," (\u5c5e\u4e8e ES6)"),a.a.createElement(r["a"],{code:"var a = [1, 2];\nconsole.log(Array.isArray(a)); //true",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Array.prototype.isPrototypeOf()"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Object.getPrototypeOf(a) === Array.prototype"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"instanceof Array")," \u8fd0\u7b97\u7b26\u7528\u4e8e\u68c0\u9a8c\u6784\u9020\u51fd\u6570\u7684",a.a.createElement("code",null,"prototype"),"\u5c5e\u6027\u662f\u5426\u51fa\u73b0\u5728\u5bf9\u8c61\u7684\u539f\u578b\u94fe\u4e2d\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u8fd4\u56de\u4e00\u4e2a\u5e03\u5c14\u503c\uff0c",a.a.createElement("code",null,"instanceof")," \u53ea\u80fd\u7528\u6765\u5224\u65ad\u5bf9\u8c61\u7c7b\u578b\uff0c\u539f\u59cb\u7c7b\u578b\u4e0d\u53ef\u4ee5"),a.a.createElement(r["a"],{code:"var a = [1, 2];\nd instanceof Array;",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"constructor")," \u5b9e\u4f8b\u7684\u6784\u9020\u51fd\u6570\u5c5e\u6027",a.a.createElement("code",null,"constructor"),"\u6307\u5411\u5b9e\u4f8b\u672c\u8eab\uff0c\u90a3\u4e48\u901a\u8fc7",a.a.createElement("code",null,"constructor"),"\u5c5e\u6027\u4e5f\u53ef\u4ee5\u5224\u65ad\u662f\u5426\u4e3a\u4e00\u4e2a\u6570\u7ec4"),a.a.createElement(r["a"],{code:"let a = [1, 3, 4];\na.constructor === Array; //true",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Object.prototype.toString.call()"),",\u8fd9\u79cd\u65b9\u6cd5\u5bf9\u4e8e\u6240\u6709\u57fa\u672c\u7684\u6570\u636e\u7c7b\u578b\u90fd\u80fd\u8fdb\u884c\u5224\u65ad\uff0c\u5373\u4f7f\u662f ",a.a.createElement("code",null,"null")," \u548c ",a.a.createElement("code",null,"undefined")),a.a.createElement(r["a"],{code:"//\u68c0\u9a8c\u662f\u5426\u4e3a\u6570\u7ec4\nlet a = [1, 2, 3];\nObject.prototype.toString.call(a) === '[object Array]'; //true\n//\u68c0\u9a8c\u662f\u5426\u662f\u51fd\u6570\nlet b = function() {};\nObject.prototype.toString.call(b) === '[object Function]'; //true\n//\u68c0\u9a8c\u662f\u5426\u662f\u6570\u5b57\nlet c = 1;\nObject.prototype.toString.call(c) === '[object Number]'; //true\n//\u68c0\u9a8c\u662f\u5426\u4e3a\u5bf9\u8c61\nlet d = {};\nObject.prototype.toString.call(d) === '[object Object]'; //true\n\nObject.prototype.toString.call(null); // \"[object Null]\n\nObject.prototype.toString.call(undefined); // \"[object Undefined]\"",lang:"js"}))),a.a.createElement("h3",{id:"3\u6570\u7ec4\u7684\u65b9\u6cd5"},a.a.createElement(c["AnchorLink"],{to:"#3\u6570\u7ec4\u7684\u65b9\u6cd5","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"3\u3001\u6570\u7ec4\u7684\u65b9\u6cd5"),a.a.createElement("ol",null,a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"some"),"\u6b64\u65b9\u6cd5\u4e3a\u53c2\u6570\u4f20\u9012\u7684\u51fd\u6570\u6d4b\u8bd5\u6570\u7ec4\u3002\u5982\u679c\u6709\u4e00\u4e2a\u5143\u7d20\u4e0e\u6d4b\u8bd5\u5143\u7d20\u5339\u914d\uff0c\u5219\u8fd4\u56de true\uff0c\u5426\u5219\u8fd4\u56de false"),a.a.createElement(r["a"],{code:"const arr = ['a', 'b', 'c', 'd'];\nconsole.log(arr.some(test => test === 'd')); //true",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"reduce"),"\u6b64\u65b9\u6cd5\u63a5\u6536\u4e00\u4e2a\u51fd\u6570\u4f5c\u4e3a\u7d2f\u52a0\u5668\u3002\u5b83\u4e3a\u6570\u7ec4\u4e2d\u7684\u6bcf\u4e2a\u5143\u7d20\u4f9d\u6b21\u6267\u884c\u56de\u8c03\u51fd\u6570\uff0c\u4e0d\u5305\u62ec\u6570\u7ec4\u4e2d\u88ab\u5220\u9664\u6216\u8005\u4ece\u672a\u88ab\u8d4b\u503c\u7684\u5143\u7d20\u3002\u51fd\u6570\u5e94\u7528\u4e8e\u7d2f\u52a0\u5668\uff0c\u6570\u7ec4\u4e2d\u7684\u6bcf\u4e2a\u503c\u6700\u540e\u53ea\u8fd4\u56de\u4e00\u4e2a\u503c"),a.a.createElement("blockquote",null,a.a.createElement("p",null,"reduce() \u65b9\u6cd5\u63a5\u53d7\u56db\u4e2a\u53c2\u6570\uff1a\u521d\u59cb\u503c\uff08\u4e0a\u4e00\u6b21\u56de\u8c03\u7684\u8fd4\u56de\u503c\uff09\uff0c\u5f53\u524d\u5143\u7d20\u503c\uff0c\u5f53\u524d\u7d22\u5f15\uff0c\u539f\u6570\u7ec4")),a.a.createElement(r["a"],{code:"const arr1 = [1, 2, 3, 4, 5, 6];\nconsole.log(arr1.reduce((total, value) => total + value)); //21",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"every"),"\u6b64\u65b9\u6cd5\u662f\u5bf9\u6570\u7ec4\u4e2d",a.a.createElement("strong",null,"\u6bcf\u9879"),"\u8fd0\u884c\u7ed9\u5b9a\u51fd\u6570\uff0c\u5982\u679c\u6570\u7ec4\u7684\u6bcf\u4e2a\u5143\u7d20\u90fd\u4e0e\u6d4b\u8bd5\u5339\u914d\uff0c\u5219\u8fd4\u56de true\uff0c\u53cd\u4e4b\u5219\u8fd4\u56de false"),a.a.createElement(r["a"],{code:"const arr2 = ['a', 'b', 'c', 'd'];\nconsole.log(arr2.every(test => test === 'd'));",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"map"),a.a.createElement("strong",null,"\u8be5\u65b9\u6cd5\u8fd4\u56de\u4e00\u4e2a\u65b0\u6570\u7ec4"),"\uff0c\u6570\u7ec4\u4e2d\u7684\u5143\u7d20\u4e3a\u539f\u59cb\u6570\u7ec4\u5143\u7d20\u8c03\u7528\u51fd\u6570\u5904\u7406\u540e\u7684\u503c\u3002\u5b83\u6309\u7167\u539f\u59cb\u6570\u7ec4\u5143\u7d20\u987a\u5e8f\u4f9d\u6b21\u5904\u7406\u5143\u7d20"),a.a.createElement(r["a"],{code:"const arr3 = [1, 2, 3, 4, 5, 6];\nconsole.log(arr3.map(value => value * value)); //1,4,9,16,25,36",lang:"js"}),a.a.createElement("blockquote",null,a.a.createElement("p",null,"map() \u4e0d\u4f1a\u5bf9\u7a7a\u6570\u7ec4\u8fdb\u884c\u68c0\u6d4b\uff1bmap() \u4e0d\u4f1a\u6539\u53d8\u539f\u59cb\u6570\u7ec4"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"flat"),a.a.createElement("strong",null,"\u6b64\u65b9\u6cd5\u521b\u5efa\u4e00\u4e2a\u65b0\u6570\u7ec4"),"\uff0c\u5176\u4e2d\u5305\u542b\u5b50\u6570\u7ec4\u4e0a\u7684 holden \u5143\u7d20\uff0c\u5e76\u5c06\u5176\u5e73\u6574\u5230\u65b0\u6570\u7ec4\u4e2d\u3002\u8bf7\u6ce8\u610f\uff0c\u6b64\u65b9\u6cd5\u53ea\u80fd\u8fdb\u884c\u4e00\u4e2a\u7ea7\u522b\u7684\u6df1\u5ea6"),a.a.createElement(r["a"],{code:"const arr4 = [\n  [1, 2],\n  [3, 4],\n];\nconsole.log(arr4.flat()); //[1,2,3,4]",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"filter"),"\u8be5\u65b9\u6cd5\u63a5\u6536\u4e00\u4e2a\u51fd\u6570\u4f5c\u4e3a\u53c2\u6570\u3002",a.a.createElement("strong",null,"\u5e76\u8fd4\u56de\u4e00\u4e2a\u65b0\u6570\u7ec4"),"\uff0c\u8be5\u6570\u7ec4\u5305\u542b\u8be5\u6570\u7ec4\u7684\u6240\u6709\u5143\u7d20\uff0c\u4f5c\u4e3a\u53c2\u6570\u4f20\u9012\u7684\u8fc7\u6ee4\u51fd\u6570\u5bf9\u5176\u8fd4\u56de true"),a.a.createElement(r["a"],{code:"const arr5 = [1, 2, 3, 4, 5];\nconsole.log(arr5.filter(item => item > 3)); //[4,5]",lang:"js"}),a.a.createElement("blockquote",null,a.a.createElement("p",null,"filter\uff08\uff09\u65b9\u6cd5\u662f\u5bf9\u6570\u636e\u4e2d\u7684\u5143\u7d20\u8fdb\u884c\u8fc7\u6ee4\uff0c\u4e5f\u5c31\u662f\u8bf4\u662f\u4e0d\u80fd\u4fee\u6539\u539f\u6570\u7ec4\u4e2d\u7684\u6570\u636e\uff0c\u53ea\u80fd\u8bfb\u53d6\u539f\u6570\u7ec4\u4e2d\u7684\u6570\u636e\uff0ccallback \u9700\u8981\u8fd4\u56de\u5e03\u5c14\u503c\uff1b\u4e3a true \u7684\u65f6\u5019\uff0c\u5bf9\u5e94\u7684\u5143\u7d20\u7559\u4e0b\u6765\uff1b\u4e3a false \u7684\u65f6\u5019\uff0c\u5bf9\u5e94\u7684\u5143\u7d20\u8fc7\u6ee4\u6389"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"forEach"),"\u6b64\u65b9\u6cd5\u7528\u4e8e\u8c03\u7528\u6570\u7ec4\u7684\u6bcf\u4e2a\u5143\u7d20\u3002\u5e76\u5c06\u5143\u7d20\u4f20\u9012\u7ed9\u56de\u8c03\u51fd\u6570"),a.a.createElement(r["a"],{code:"arr5.forEach(item => {\n  console.log(item);\n});",lang:"js"}),a.a.createElement("blockquote",null,a.a.createElement("p",null,"forEach() \u5bf9\u4e8e\u7a7a\u6570\u7ec4\u662f\u4e0d\u4f1a\u6267\u884c\u56de\u8c03\u51fd\u6570\u7684"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"findIndex"),"\u8fd4\u56de\u4f20\u5165\u4e00\u4e2a\u6d4b\u8bd5\u6761\u4ef6\uff08\u51fd\u6570\uff09\u7b26\u5408\u6761\u4ef6\u7684\u6570\u7ec4\u7b2c\u4e00\u4e2a\u5143\u7d20\u4f4d\u7f6e\u3002\u5b83\u4e3a\u6570\u7ec4\u4e2d\u7684\u6bcf\u4e2a\u5143\u7d20\u90fd\u8c03\u7528\u4e00\u6b21\u51fd\u6570\u6267\u884c\uff0c\u5f53\u6570\u7ec4\u4e2d\u7684\u5143\u7d20\u5728\u6d4b\u8bd5\u6761\u4ef6\u65f6\u8fd4\u56de true \u65f6, findIndex() \u8fd4\u56de\u7b26\u5408\u6761\u4ef6\u7684\u5143\u7d20\u7684\u7d22\u5f15\u4f4d\u7f6e\uff0c\u4e4b\u540e\u7684\u503c\u4e0d\u4f1a\u518d\u8c03\u7528\u6267\u884c\u51fd\u6570\u3002\u5982\u679c\u6ca1\u6709\u7b26\u5408\u6761\u4ef6\u7684\u5143\u7d20\u8fd4\u56de -1"),a.a.createElement("blockquote",null,a.a.createElement("p",null,"findIndex() \u5bf9\u4e8e\u7a7a\u6570\u7ec4\uff0c\u51fd\u6570\u662f\u4e0d\u4f1a\u6267\u884c\u7684\uff0c findIndex() \u5e76\u6ca1\u6709\u6539\u53d8\u6570\u7ec4\u7684\u539f\u59cb\u503c\u3002"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"find"),"\u8fd4\u56de\u901a\u8fc7\u6d4b\u8bd5\uff08\u51fd\u6570\u5185\u5224\u65ad\uff09\u7684\u6570\u7ec4\u7684\u7b2c\u4e00\u4e2a\u5143\u7d20\u7684\u503c\u3002find() \u65b9\u6cd5\u4e3a\u6570\u7ec4\u4e2d\u7684\u6bcf\u4e2a\u5143\u7d20\u90fd\u8c03\u7528\u4e00\u6b21\u51fd\u6570\u6267\u884c\uff1a\u5f53\u6570\u7ec4\u4e2d\u7684\u5143\u7d20\u5728\u6d4b\u8bd5\u6761\u4ef6\u65f6\u56de true \u65f6, find() \u8fd4\u56de\u7b26\u5408\u6761\u4ef6\u7684\u5143\u7d20\uff0c\u4e4b\u540e\u7684\u503c\u4e0d\u4f1a\u518d\u8c03\u7528\u6267\u884c\u51fd\u6570\u3002\u5982\u679c\u6ca1\u6709\u7b26\u5408\u6761\u4ef6\u7684\u5143\u7d20\u8fd4\u56de undefined"),a.a.createElement(r["a"],{code:"const arr6 = [\n  { id: 1, name: 'john' },\n  { id: 2, name: 'Ali' },\n  { id: 3, name: 'Mass' },\n];\nconsole.log(arr6.find(element => element.id === 4)); //{id: 3, name: \"Mass\"}",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"sort"),"\u6b64\u65b9\u6cd5\u63a5\u6536\u4e00\u4e2a\u51fd\u6570\u4f5c\u4e3a\u53c2\u6570\u3002\u5b83\u5bf9\u6570\u7ec4\u7684\u5143\u7d20\u8fdb\u884c\u6392\u5e8f\u5e76\u8fd4\u56de\u5b83\u3002\u4e5f\u53ef\u4ee5\u4f7f\u7528\u542b\u6709\u53c2\u6570\u7684 sort()\u65b9\u6cd5\u8fdb\u884c\u6392\u5e8f"),a.a.createElement(r["a"],{code:"const arr7 = [5, 4, 3, 2, 1];\nconsole.log(arr7.sort((a, b) => a - b)); //[1,2,3,4,5]\nconsole.log(arr7.sort((a, b) => b - a)); //[5,4,3,2,1]",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"concat"),"\u6b64\u65b9\u6cd5\u7528\u4e8e\u8fde\u63a5\u4e24\u4e2a\u6216\u591a\u4e2a\u6570\u7ec4/\u503c\uff0c\u5b83\u4e0d\u4f1a\u6539\u53d8\u73b0\u6709\u7684\u6570\u7ec4\u3002\u800c\u4ec5\u4ec5",a.a.createElement("strong",null,"\u8fd4\u56de\u88ab\u8fde\u63a5\u6570\u7ec4\u7684\u4e00\u4e2a\u65b0\u6570\u7ec4"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"fill"),"\u6b64\u65b9\u6cd5\u7684\u4f5c\u7528\u662f\u4f7f\u7528\u4e00\u4e2a\u56fa\u5b9a\u503c\u6765\u66ff\u6362\u6570\u7ec4\u4e2d\u7684\u5143\u7d20\u3002\u8be5\u56fa\u5b9a\u503c\u53ef\u4ee5\u662f\u5b57\u6bcd\u3001\u6570\u5b57\u3001\u5b57\u7b26\u4e32\u3001\u6570\u7ec4\u7b49\u7b49\u3002\u5b83\u8fd8\u6709\u4e24\u4e2a\u53ef\u9009\u53c2\u6570\uff0c\u8868\u793a\u586b\u5145\u8d77\u6765\u7684\u5f00\u59cb\u4f4d\u7f6e\uff08\u9ed8\u8ba4\u4e3a 0\uff09\u4e0e\u7ed3\u675f\u4f4d\u7f6e\uff08\u9ed8\u8ba4\u4e3a array.length\uff09"),a.a.createElement(r["a"],{code:"//0\u662f\u66ff\u6362\u5143\u7d20 1\u662f\u5f00\u59cb\u4f4d\u7f6e\uff0c3\u662f\u7ed3\u675f\u4f4d\u7f6e \u30101,2,3)\nconst arr7 = [5, 4, 3, 2, 1];\nconsole.log(arr7.fill(0, 1, 3));",lang:"js"}),a.a.createElement("blockquote",null,a.a.createElement("p",null,"fill() \u65b9\u6cd5\u7528\u4e8e\u5c06\u4e00\u4e2a\u56fa\u5b9a\u503c\u66ff\u6362\u6570\u7ec4\u7684\u5143\u7d20"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"includes"),"\u6b64\u65b9\u6cd5\u7528\u4e8e\u5224\u65ad\u5b57\u7b26\u4e32\u662f\u5426\u5305\u542b\u6307\u5b9a\u7684\u5b50\u5b57\u7b26\u4e32\u3002\u5982\u679c\u627e\u5230\u5339\u914d\u7684\u5b57\u7b26\u4e32\u5219\u8fd4\u56de true\uff0c\u5426\u5219\u8fd4\u56de false"),a.a.createElement(r["a"],{code:"const arr8 = [1, 2, 3, 4, 5];\narr8.includes(3); //true",lang:"js"}),a.a.createElement("blockquote",null,a.a.createElement("p",null,"includes() \u65b9\u6cd5\u533a\u5206\u5927\u5c0f\u5199"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"reverse"),"\u6b64\u65b9\u6cd5\u7528\u4e8e\u98a0\u5012\u6570\u7ec4\u4e2d\u5143\u7d20\u7684\u987a\u5e8f\u3002\u7b2c\u4e00\u4e2a\u5143\u7d20\u6210\u4e3a\u6700\u540e\u4e00\u4e2a\uff0c\u6700\u540e\u4e00\u4e2a\u5143\u7d20\u5c06\u6210\u4e3a\u7b2c\u4e00\u4e2a")),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"flatMap"),"\u8be5\u65b9\u6cd5\u5c06\u51fd\u6570\u5e94\u7528\u4e8e\u6570\u7ec4\u7684\u6bcf\u4e2a\u5143\u7d20\uff0c\u7136\u540e\u5c06\u7ed3\u679c\u538b\u7f29\u4e3a\u4e00\u4e2a",a.a.createElement("strong",null,"\u65b0\u6570\u7ec4"),"\u3002\u5b83\u5728\u4e00\u4e2a\u51fd\u6570\u4e2d\u7ed3\u5408\u4e86 flat\uff08\uff09\u548c map\uff08\uff09"),a.a.createElement(r["a"],{code:"const arr9 = [[1], [2], [3], [4], [5]];\narr9.flatMap(arr => arr * 10); //[10,20,30,40,50]",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Array.of"),"\u7528\u4e8e\u5c06\u53c2\u6570\u4f9d\u6b21\u8f6c\u5316\u4e3a\u6570\u7ec4\u4e2d\u7684\u4e00\u9879\uff0c\u7136\u540e\u8fd4\u56de\u8fd9\u4e2a\u65b0\u6570\u7ec4"),a.a.createElement(r["a"],{code:"Array.of(8.0, 5); // [8, 5]",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Array.from"),"\u57fa\u4e8e\u5176\u4ed6\u5bf9\u8c61\u521b\u5efa\u65b0\u6570\u7ec4\uff0c\u51c6\u786e\u6765\u8bf4\u5c31\u662f\u4ece\u4e00\u4e2a\u7c7b\u4f3c\u6570\u7ec4\u7684\u53ef\u8fed\u4ee3\u5bf9\u8c61\u4e2d\u521b\u5efa\u4e00\u4e2a\u65b0\u7684\u6570\u7ec4\u5b9e\u4f8b\uff0cArray.from \u5c31\u80fd\u628a\u5b83\u53d8\u6210\u4e00\u4e2a\u6570\u7ec4\uff08\u6ce8\u610f\uff1a\u662f\u8fd4\u56de\u65b0\u7684\u6570\u7ec4\uff0c\u4e0d\u6539\u53d8\u539f\u5bf9\u8c61\uff09"),a.a.createElement(r["a"],{code:"Array.from('abc'); // [\"a\", \"b\", \"c\"]\nArray.from(new Set(['abc', 'def'])); // [\"abc\", \"def\"]\nArray.from(\n  new Map([\n    [1, 'ab'],\n    [2, 'de'],\n  ]),\n);",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"copyWithin"),"\u4ece\u6570\u7ec4\u7684\u6307\u5b9a\u4f4d\u7f6e\u62f7\u8d1d\u5143\u7d20\u5230\u6570\u7ec4\u7684\u53e6\u4e00\u4e2a\u6307\u5b9a\u4f4d\u7f6e\u4e2d"),a.a.createElement(r["a"],{code:"var array = [1, 2, 3, 4, 5];\nvar array2 = array.copyWithin(0, 3);\nconsole.log(array === array2, array2); // true [4, 5, 3, 4, 5]",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"fill")),a.a.createElement(r["a"],{code:"var array = [1, 2, 3, 4, 5];\nvar array2 = array.fill(10, 0, 3);\nconsole.log(array === array2, array2); //true [10,10,10,4,5]",lang:"js"}),a.a.createElement("blockquote",null,a.a.createElement("p",null,"\u4f1a\u751f\u6210\u65b0\u6570\u7ec4\u7684\u65b9\u6cd5 ",a.a.createElement("code",null,"map"),"\u3001",a.a.createElement("code",null,"filter"),"\u3001",a.a.createElement("code",null,"flat"),"\u3001",a.a.createElement("code",null,"concat"),"\u3001",a.a.createElement("code",null,"flatMap")))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"at"),"\u66f4\u65b9\u4fbf\u5730\u63d0\u53d6\u6570\u7ec4\u4e0b\u6807 value"),a.a.createElement(r["a"],{code:"//`.`\u6216\u8005`[]`\u65b9\u5f0f\nconst array1 = res.data?.priceList || [];\n//\u83b7\u53d6\u6700\u540e\u4e00\u9879\u4ef7\u683c\nconst lastItemIndex = array1.length - 1;\nconsole.log(array1[lastItemIndex]);\n\n//at\u65b9\u5f0f\nconst array1 = res.data?.priceList || [];\n//\u83b7\u53d6\u6700\u540e\u4e00\u9879\u4ef7\u683c\nconsole.log(array1.at(-1));",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Array.group")," \u53ef\u4ee5\u5bf9\u6570\u7ec4\u8fdb\u884c\u5206\u7ec4\uff0c\u4e0d\u9700\u8981\u81ea\u5df1\u5199\u5224\u65ad\u903b\u8f91\uff0c\u76ee\u524d\u6d4f\u89c8\u5668\u8fd8\u4e0d\u652f\u6301"))),a.a.createElement("h3",{id:"4object-\u7684\u65b9\u6cd5\u6709\u54ea\u4e9b"},a.a.createElement(c["AnchorLink"],{to:"#4object-\u7684\u65b9\u6cd5\u6709\u54ea\u4e9b","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"4\u3001Object \u7684\u65b9\u6cd5\u6709\u54ea\u4e9b\uff1f"),a.a.createElement("ol",null,a.a.createElement("li",null,a.a.createElement("code",null,"startWidth")," \u8fd4\u56de\u5e03\u5c14\u503c\uff0c\u8868\u793a\u662f\u5426\u627e\u5230\u4e86\u53c2\u6570\u5b57\u7b26\u4e32\u3002"),a.a.createElement("li",null,a.a.createElement("code",null,"endsWith")," \u8fd4\u56de\u5e03\u5c14\u503c\uff0c\u8868\u793a\u53c2\u6570\u5b57\u7b26\u4e32\u662f\u5426\u5728\u6e90\u5b57\u7b26\u4e32\u7684\u5c3e\u90e8"),a.a.createElement("li",null,a.a.createElement("code",null,"includes")," \u8fd4\u56de\u5e03\u5c14\u503c\uff0c\u8868\u793a\u662f\u5426\u627e\u5230\u4e86\u53c2\u6570\u5b57\u7b26\u4e32\u3002"),a.a.createElement("li",null,a.a.createElement("code",null,"repeat")," \u65b9\u6cd5\u8fd4\u56de\u4e00\u4e2a\u65b0\u5b57\u7b26\u4e32\uff0c\u8868\u793a\u5c06\u539f\u5b57\u7b26\u4e32\u91cd\u590d n \u6b21"),a.a.createElement("li",null,a.a.createElement("code",null,"padStart")," \u7528\u4e8e\u5934\u90e8\u8865\u5168,\u5982\u679c\u67d0\u4e2a\u5b57\u7b26\u4e32\u4e0d\u591f\u6307\u5b9a\u957f\u5ea6\uff0c\u4f1a\u5728\u5934\u90e8\u8865\u5168"),a.a.createElement("li",null,a.a.createElement("code",null,"padEnd")," \u7528\u4e8e\u5c3e\u90e8\u8865\u5168")),a.a.createElement("h3",{id:"5letconst-\u548c-var-\u7684\u533a\u522b\u4ec0\u4e48\u662f\u6682\u65f6\u6027\u6b7b\u533a"},a.a.createElement(c["AnchorLink"],{to:"#5letconst-\u548c-var-\u7684\u533a\u522b\u4ec0\u4e48\u662f\u6682\u65f6\u6027\u6b7b\u533a","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"5\u3001let/const \u548c var \u7684\u533a\u522b\uff1f\u4ec0\u4e48\u662f\u6682\u65f6\u6027\u6b7b\u533a\uff1f"),a.a.createElement("ul",null,a.a.createElement("li",null,"let \u58f0\u660e\u7684\u53d8\u91cf\u4e0d\u4f1a\u63d0\u5347\uff0cvar \u58f0\u660e\u7684\u4f1a\u63d0\u5347",a.a.createElement(r["a"],{code:"{\n  let a = 1;\n  var b = 2;\n}\nconsole.log(a); //a is not defined\nconsole.log(b);\nconsole.log(window);",lang:"js"})),a.a.createElement("li",null,"\u5728\u975e\u4e25\u683c\u6a21\u5f0f\u4e0b\uff1avar \u58f0\u660e\u7684\u53d8\u91cf\u662f\u6302\u5728 window \u4e0a\u9762\u7684\uff0clet \u4e0d\u662f\u6302\u5728 window"),a.a.createElement("li",null,"let \u4e0d\u5141\u8bb8\u5728\u76f8\u540c\u4f5c\u7528\u57df\u5185\uff0c\u91cd\u590d\u58f0\u660e\u540c\u4e00\u4e2a\u53d8\u91cf"),a.a.createElement("li",null,"const \u58f0\u660e\u4e00\u4e2a\u53ea\u8bfb\u7684\u5e38\u91cf,\u4e00\u65e6\u58f0\u660e\uff0c\u5e38\u91cf\u7684\u503c\u5c31\u4e0d\u80fd\u6539\u53d8\u3002const \u58f0\u660e\u7684\u53d8\u91cf\u4e0d\u5f97\u6539\u53d8\u503c\uff0c\u8fd9\u610f\u5473\u7740\uff0cconst \u4e00\u65e6\u58f0\u660e\u53d8\u91cf\uff0c\u5c31\u5fc5\u987b\u7acb\u5373\u521d\u59cb\u5316\uff0c\u4e0d\u80fd\u7559\u5230\u4ee5\u540e\u8d4b\u503c\uff0c\u4f46\u662f\u5bf9\u4e8e\u5f15\u7528\u7c7b\u578b\u6765\u8bf4\uff0c\u53ea\u8981\u4e0d\u6539\u53d8\u6808\u5185\u5b58\u7684\u5730\u5740\uff0c\u91cc\u9762\u7684\u503c\u662f\u53ef\u4ee5\u4efb\u610f\u6539\u53d8\u7684\u3002")),a.a.createElement("p",null,a.a.createElement("strong",null,"\u6682\u65f6\u6027\u6b7b\u533a")),a.a.createElement("p",null,"\u5728\u4ee3\u7801\u5757\u5185\uff0c\u4f7f\u7528 let/const \u547d\u4ee4\u58f0\u660e\u53d8\u91cf\u4e4b\u524d\uff0c\u8be5\u53d8\u91cf\u90fd\u662f\u4e0d\u53ef\u7528\u7684\u3002\u8fd9\u5728\u8bed\u6cd5\u4e0a\uff0c\u79f0\u4e3a\u201c\u6682\u65f6\u6027\u6b7b\u533a\u201d\uff08temporal dead zone\uff0c\u7b80\u79f0 TDZ\uff09\u3002"),a.a.createElement("h3",{id:"6\u6570\u7ec4\u53bb\u91cd\u7684\u5404\u79cd\u65b9\u6cd5"},a.a.createElement(c["AnchorLink"],{to:"#6\u6570\u7ec4\u53bb\u91cd\u7684\u5404\u79cd\u65b9\u6cd5","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"6\u3001\u6570\u7ec4\u53bb\u91cd\u7684\u5404\u79cd\u65b9\u6cd5?"),a.a.createElement(r["a"],{code:"//var arr=[1,2,3,4,3,3,6,5]\n\n// 1\u3001Es6 Set\u53bb\u91cd\nArray.from(new Set(arr));\n\n// 2\u3001for\u53bb\u91cd \u65f6\u95f4\u590d\u6742\u5ea6O(n)  \u4e5f\u53ef\u4ee5\u4f7f\u7528map\u5b58\u50a8\nfunction duplicate(arr) {\n  let result = [];\n  for (let i = 0; i < arr.length; i++) {\n    if (result.indexOf(arr[i]) == -1) {\n      result.push(arr[i]);\n    }\n  }\n  return result;\n}\n\n//3\u3001for+set\nlet set = new Set();\narr.forEach(item => set.add(item));\nlet a = Array.from(set);\nconsole.log(a);\n\n//4\u3001\u4e24\u91cdfor\u5faa\u73af \u65f6\u95f4\u590d\u6742\u5ea60(n2)\nfor (var i = 0; i < arr.length; i++) {\n  for (var j = i + 1; j < arr.length; j++) {\n    if (arr[i] === arr[j]) {\n      arr.splice(j, 1);\n      j--;\n    }\n  }\n}\n\n//5. reduce\u53bb\u91cd\nlet arr = [1, 2, 3, 4, 4, 1];\nlet newArr = arr.reduce((prev, cur) => {\n  if (!prev.includes(cur)) {\n    return prev.concat(cur);\n  } else {\n    return prev;\n  }\n}, []);",lang:"js"}),a.a.createElement("h3",{id:"7js-\u5185\u7f6e\u5bf9\u8c61\u6709\u54ea\u4e9b"},a.a.createElement(c["AnchorLink"],{to:"#7js-\u5185\u7f6e\u5bf9\u8c61\u6709\u54ea\u4e9b","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"7\u3001js \u5185\u7f6e\u5bf9\u8c61\u6709\u54ea\u4e9b\uff1f"),a.a.createElement("p",null,"JS \u5185\u7f6e\u5bf9\u8c61\u5206\u4e3a",a.a.createElement("strong",null,"\u6570\u636e\u5c01\u88c5\u7c7b\u5bf9\u8c61"),"\u548c",a.a.createElement("strong",null,"\u5176\u4ed6\u5bf9\u8c61")),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,"\u6570\u636e\u5c01\u88c5\u7c7b\u5bf9\u8c61\uff1a",a.a.createElement("code",null,"String"),"\uff0c",a.a.createElement("code",null,"Boolean"),"\uff0c",a.a.createElement("code",null,"Number"),"\uff0c",a.a.createElement("code",null,"Array"),"\uff0c",a.a.createElement("code",null,"Object"),";")),a.a.createElement("li",null,a.a.createElement("p",null,"\u5176\u4ed6\u5bf9\u8c61\uff1a",a.a.createElement("code",null,"Function"),"\uff0c",a.a.createElement("code",null,"Arguments"),"\uff0c",a.a.createElement("code",null,"Math"),"\uff0c",a.a.createElement("code",null,"Date"),"\uff0c",a.a.createElement("code",null,"RegExp"),"\uff0c",a.a.createElement("code",null,"Error")))),a.a.createElement("p",null,a.a.createElement("code",null,"window"),"\u5bf9\u8c61\u662f\u4e00\u4e2a\u865a\u62df\u7684\u5bf9\u8c61\uff0c\u4f60\u53ef\u4ee5\u628a\u5b83\u770b\u4f5c\u662f\u4f60\u6240\u4f7f\u7528\u7684\u6d4f\u89c8\u5668\u7684\u7a97\u53e3"),a.a.createElement("h3",{id:"8object-\u5bf9\u8c61\u5185\u7f6e\u65b9\u6cd5"},a.a.createElement(c["AnchorLink"],{to:"#8object-\u5bf9\u8c61\u5185\u7f6e\u65b9\u6cd5","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"8\u3001Object \u5bf9\u8c61\u5185\u7f6e\u65b9\u6cd5"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Object.create")),a.a.createElement("p",null,a.a.createElement("code",null,"Object.create(arg, pro)"),"\u521b\u5efa\u7684\u5bf9\u8c61\u7684\u539f\u578b\u53d6\u51b3\u4e8e",a.a.createElement("code",null,"arg"),"\uff0c",a.a.createElement("code",null,"arg"),"\u4e3a",a.a.createElement("code",null,"null"),"\uff0c\u65b0\u5bf9\u8c61\u662f\u7a7a\u5bf9\u8c61\uff0c\u6ca1\u6709\u539f\u578b\uff0c\u4e0d\u7ee7\u627f\u4efb\u4f55\u5bf9\u8c61\uff1b",a.a.createElement("code",null,"arg"),"\u4e3a\u6307\u5b9a\u5bf9\u8c61\uff0c\u65b0\u5bf9\u8c61\u7684\u539f\u578b\u6307\u5411\u6307\u5b9a\u5bf9\u8c61\uff0c\u7ee7\u627f\u6307\u5b9a\u5bf9\u8c61")),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Object.keys()"),"\u4e3b\u8981\u7528\u4e8e\u904d\u5386\u5bf9\u8c61\u81ea\u6709\u7684\u53ef\u679a\u4e3e\u5c5e\u6027\uff0c\u4e0d\u5305\u62ec\u7ee7\u627f\u81ea\u539f\u578b\u7684\u5c5e\u6027\u548c\u4e0d\u53ef\u679a\u4e3e\u7684\u5c5e\u6027\u3002")),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Reflect.ownKeys()"),"\u8fd4\u56de",a.a.createElement("strong",null,"\u6240\u6709\u81ea\u6709"),"\u5c5e\u6027",a.a.createElement("code",null,"key"),"\uff0c\u4e0d\u7ba1\u662f\u5426\u53ef\u679a\u4e3e\uff0c\u4f46\u4e0d\u5305\u62ec\u7ee7\u627f\u81ea\u539f\u578b\u7684\u5c5e\u6027")),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Object.getOwnPropertyNames()"),"\u7528\u4e8e\u8fd4\u56de\u5bf9\u8c61\u7684\u81ea\u6709\u5c5e\u6027\uff0c\u5305\u62ec\u53ef\u679a\u4e3e\u548c\u4e0d\u53ef\u679a\u4e3e\u7684")),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Object.defineProperty(obj, prop, descriptor)"),"\u65b9\u6cd5\u4f1a\u76f4\u63a5\u5728\u4e00\u4e2a\u5bf9\u8c61\u4e0a\u5b9a\u4e49\u4e00\u4e2a\u65b0\u5c5e\u6027\uff0c\u6216\u8005\u4fee\u6539\u4e00\u4e2a\u5bf9\u8c61\u7684\u73b0\u6709\u5c5e\u6027\uff0c\u5e76\u8fd4\u56de\u6b64\u5bf9\u8c61"))),a.a.createElement("h3",{id:"9\u6570\u7ec4\u548c\u7c7b\u6570\u7ec4\u7684\u533a\u522b"},a.a.createElement(c["AnchorLink"],{to:"#9\u6570\u7ec4\u548c\u7c7b\u6570\u7ec4\u7684\u533a\u522b","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"9\u3001\u6570\u7ec4\u548c\u7c7b\u6570\u7ec4\u7684\u533a\u522b\uff1f"),a.a.createElement("p",null,"\u6240\u8c13 ",a.a.createElement("code",null,"\u7c7b\u6570\u7ec4\u5bf9\u8c61"),"\uff0c\u5373\u683c\u5f0f\u4e0e\u6570\u7ec4\u7ed3\u6784\u7c7b\u4f3c\uff0c\u62e5\u6709 ",a.a.createElement("code",null,"length")," \u5c5e\u6027\uff0c\u53ef\u4ee5\u901a\u8fc7\u7d22\u5f15\u6765\u8bbf\u95ee\u6216\u8bbe\u7f6e\u91cc\u9762\u7684\u5143\u7d20\uff0c\u4f46\u662f\u4e0d\u80fd\u4f7f\u7528\u6570\u7ec4\u7684\u65b9\u6cd5\uff0c\u5c31\u53ef\u4ee5\u5f52\u7c7b\u4e3a\u7c7b\u6570\u7ec4\u5bf9\u8c61\u3002"),a.a.createElement("p",null,"\u533a\u522b\uff1a\u7c7b\u6570\u7ec4\u5bf9\u8c61\u7684\u672c\u8d28\u662f\u5bf9\u8c61\uff0c\u6570\u7ec4\u7684\u65b9\u6cd5\u4e0d\u80fd\u4f7f\u7528\uff0c\u57fa\u672c\u7684\u7c7b\u578b\u5224\u65ad\u4e5f\u548c\u6570\u7ec4\u6709\u533a\u522b"),a.a.createElement("p",null,"\u5e38\u89c1\u7684\u7c7b\u6570\u7ec4\u5bf9\u8c61\u6709\uff1a",a.a.createElement("code",null,"arguments"),"\u3001",a.a.createElement("code",null,"NodeList")),a.a.createElement("p",null,"\u5c06\u7c7b\u6570\u7ec4\u8f6c\u5316\u4e3a\u6570\u7ec4\u7684\u65b9\u6cd5\uff1a",a.a.createElement("code",null,"Array.from()"),"\u3001",a.a.createElement("code",null,"Array.prototype.slice.call()"),"\u3001",a.a.createElement("code",null,"\u6269\u5c55\u8fd0\u7b97\u7b26\uff08\u2026\uff09")),a.a.createElement("h3",{id:"10setweaksetmapweakmap-\u7684\u533a\u522b"},a.a.createElement(c["AnchorLink"],{to:"#10setweaksetmapweakmap-\u7684\u533a\u522b","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"10\u3001Set\u3001WeakSet\u3001Map\u3001WeakMap \u7684\u533a\u522b\uff1f"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("code",null,"Set"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u6210\u5458\u552f\u4e00\u3001\u65e0\u5e8f\u4e14\u4e0d\u91cd\u590d"),a.a.createElement("li",null,"[value, value]\uff0c\u952e\u503c\u4e0e\u952e\u540d\u662f\u4e00\u81f4\u7684\uff08\u6216\u8005\u8bf4\u53ea\u6709\u952e\u503c\uff0c\u6ca1\u6709\u952e\u540d\uff09"),a.a.createElement("li",null,"\u53ef\u4ee5\u904d\u5386\uff0c\u65b9\u6cd5\u6709\uff1aadd\u3001delete\u3001has"))),a.a.createElement("li",null,a.a.createElement("code",null,"WeakSet"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u6210\u5458\u90fd\u662f\u5bf9\u8c61"),a.a.createElement("li",null,"\u6210\u5458\u90fd\u662f\u5f31\u5f15\u7528\uff0c\u53ef\u4ee5\u88ab\u5783\u573e\u56de\u6536\u673a\u5236\u56de\u6536\uff0c\u53ef\u4ee5\u7528\u6765\u4fdd\u5b58 DOM \u8282\u70b9\uff0c\u4e0d\u5bb9\u6613\u9020\u6210\u5185\u5b58\u6cc4\u6f0f"),a.a.createElement("li",null,"\u4e0d\u80fd\u904d\u5386\uff0c\u65b9\u6cd5\u6709 add\u3001delete\u3001has"))),a.a.createElement("li",null,a.a.createElement("code",null,"Map"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u672c\u8d28\u4e0a\u662f\u952e\u503c\u5bf9\u7684\u96c6\u5408\uff0c\u7c7b\u4f3c\u96c6\u5408"),a.a.createElement("li",null,"\u53ef\u4ee5\u904d\u5386\uff0c\u65b9\u6cd5\u5f88\u591a\u53ef\u4ee5\u8ddf\u5404\u79cd\u6570\u636e\u683c\u5f0f\u8f6c\u6362"))),a.a.createElement("li",null,a.a.createElement("code",null,"WeakMap"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u53ea\u63a5\u53d7\u5bf9\u8c61\u4f5c\u4e3a\u952e\u540d\uff08null \u9664\u5916\uff09\uff0c\u4e0d\u63a5\u53d7\u5176\u4ed6\u7c7b\u578b\u7684\u503c\u4f5c\u4e3a\u952e\u540d"),a.a.createElement("li",null,"\u952e\u540d\u662f\u5f31\u5f15\u7528\uff0c\u952e\u503c\u53ef\u4ee5\u662f\u4efb\u610f\u7684\uff0c\u952e\u540d\u6240\u6307\u5411\u7684\u5bf9\u8c61\u53ef\u4ee5\u88ab\u5783\u573e\u56de\u6536\uff0c\u6b64\u65f6\u952e\u540d\u662f\u65e0\u6548\u7684"),a.a.createElement("li",null,"\u4e0d\u80fd\u904d\u5386\uff0c\u65b9\u6cd5\u6709 ",a.a.createElement("code",null,"get"),"\u3001",a.a.createElement("code",null,"set"),"\u3001",a.a.createElement("code",null,"has"),"\u3001",a.a.createElement("code",null,"delete"))))),a.a.createElement("h2",{id:"\u95ed\u5305"},a.a.createElement(c["AnchorLink"],{to:"#\u95ed\u5305","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"\u95ed\u5305"),a.a.createElement("h3",{id:"1\u5bf9\u95ed\u5305\u7684\u770b\u6cd5\u4e3a\u4ec0\u4e48\u8981\u7528\u95ed\u5305\u8bf4\u4e00\u4e0b\u95ed\u5305\u7684\u539f\u7406\u548c\u5e94\u7528\u573a\u666f"},a.a.createElement(c["AnchorLink"],{to:"#1\u5bf9\u95ed\u5305\u7684\u770b\u6cd5\u4e3a\u4ec0\u4e48\u8981\u7528\u95ed\u5305\u8bf4\u4e00\u4e0b\u95ed\u5305\u7684\u539f\u7406\u548c\u5e94\u7528\u573a\u666f","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"1\u3001\u5bf9\u95ed\u5305\u7684\u770b\u6cd5\uff1f\u4e3a\u4ec0\u4e48\u8981\u7528\u95ed\u5305\uff1f\u8bf4\u4e00\u4e0b\u95ed\u5305\u7684\u539f\u7406\u548c\u5e94\u7528\u573a\u666f"),a.a.createElement("ol",null,a.a.createElement("li",null,a.a.createElement("p",null,"\u4ec0\u4e48\u662f\u95ed\u5305\uff1f \u51fd\u6570\u5185\u90e8\u8fd4\u56de\u7ed3\u679c\u662f\u4e00\u4e2a\u5185\u90e8\u51fd\u6570\uff0c\u5e76\u88ab\u5916\u90e8\u53d8\u91cf\u6240\u5f15\u7528\uff0c\u5982\u679c\u5185\u90e8\u51fd\u6570\u6301\u6709\u88ab\u6307\u5411\u51fd\u6570\u4f5c\u7528\u57df\u7684\u53d8\u91cf\uff0c\u5c31\u884c\u6210\u4e86\u95ed\u5305"),a.a.createElement("p",null,"\u53ef\u4ee5\u5728\u5185\u90e8\u51fd\u6570\u8bbf\u95ee\u5916\u90e8\u51fd\u6570\u4f5c\u7528\u57df\uff0c\u4f7f\u7528\u95ed\u5305\uff0c\u4e00\u662f\u53ef\u4ee5\u8bfb\u53d6\u51fd\u6570\u4e2d\u7684\u53d8\u91cf\uff0c\u4e8c\u662f\u53ef\u4ee5\u5c06\u51fd\u6570\u4e2d\u7684\u53d8\u91cf\u5b58\u5728\u5185\u5b58\u4e2d\uff0c\u4fdd\u62a4\u53d8\u91cf\u4e0d\u4f1a\u88ab\u6c61\u67d3\uff0c\u800c\u6b63\u56e0\u4e3a\u95ed\u5305\u4f1a\u628a\u51fd\u6570\u4e2d\u7684\u53d8\u91cf\u503c\u5b58\u50a8\u5728\u5185\u5b58\u4e2d\uff0c\u4f1a\u5bf9\u5185\u5b58\u6709\u6d88\u8017\uff0c\u6240\u4ee5\u4e0d\u80fd\u6ee5\u7528\u95ed\u5305\uff0c\u800c\u5219\u4f1a\u9020\u6210\u7f51\u9875\u6027\u80fd\uff0c\u9020\u6210\u5185\u5b58\u6cc4\u6f0f\uff0c\u5f53\u4e0d\u9700\u8981\u4f7f\u7528\u95ed\u5305\u65f6\uff0c\u8981\u53ca\u65f6\u91ca\u653e\u5185\u5b58\u53ef\u5c06\u5185\u5c42\u51fd\u6570\u5bf9\u8c61\u7684\u53d8\u91cf\u8d4b\u503c\u6210 ",a.a.createElement("code",null,"null"))),a.a.createElement("li",null,a.a.createElement("p",null,"\u95ed\u5305\u539f\u7406"),a.a.createElement("p",null,"\u51fd\u6570\u6267\u884c\u5206\u4e3a\u4e24\u4e2a\u9636\u6bb5(\u9884\u7f16\u8bd1\u548c\u6267\u884c\u9636\u6bb5)"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("code",null,"\u5728\u9884\u7f16\u8bd1\u9636\u6bb5"),"\uff0c\u5982\u679c\u53d1\u73b0\u5185\u90e8\u51fd\u6570\u4f7f\u7528\u4e86\u5916\u90e8\u51fd\u6570\u7684\u53d8\u91cf\uff0c\u5219\u4f1a\u5728\u5185\u5b58\u4e2d\u521b\u5efa\u4e00\u4e2a\u201c\u95ed\u5305\u201d\u5bf9\u8c61\u5e76\u4fdd\u5b58\u5bf9\u5e94\u53d8\u91cf\u503c\uff0c\u5982\u679c\u5df2\u7ecf\u5b58\u5728\u201c\u95ed\u5305\u201d\uff0c\u5219\u5b57\u9700\u8981\u589e\u52a0\u5bf9\u5e94\u5c5e\u6027\u503c\u5c31\u884c\uff0c"),a.a.createElement("li",null,a.a.createElement("code",null,"\u6267\u884c\u5b8c\u540e"),"\uff0c\u51fd\u6570\u6267\u884c\u4e0a\u4e0b\u6587\u4f1a\u88ab\u9500\u6bc1\uff0c\u51fd\u6570\u5bf9\u95ed\u5305\u5bf9\u8c61\u7684\u5f15\u7528\u4e5f\u4f1a\u88ab\u9500\u6bc1\uff0c\u4f46\u5176\u5185\u90e8\u51fd\u6570\u8fd8\u4f7f\u7528\u8be5\u95ed\u5305\u7684\u5f15\u7528\uff0c\u6240\u4ee5\u5185\u90e8\u51fd\u6570\u53ef\u4ee5\u7ee7\u7eed\u4f7f\u7528\u201c\u5916\u90e8\u51fd\u6570\u201d\u4e2d\u7684\u53d8\u91cf")),a.a.createElement("p",null,"\u5229\u7528\u4e86\u51fd\u6570\u4f5c\u7528\u57df\u94fe\u7684\u7279\u6027\uff0c\u4e00\u4e2a\u51fd\u6570\u5185\u90e8\u5b9a\u4e49\u7684\u51fd\u6570\u8bb2\u8bdd\u5305\u542b\u5916\u90e8\u51fd\u6570\u7684\u6d3b\u52a8\u5bf9\u8c61\u6dfb\u52a0\u5230\u4ed6\u7684\u4f5c\u7528\u57df\u94fe\u4e2d\uff0c\u51fd\u6570\u6267\u884c\u5b8c\u6bd5\uff0c\u5176\u6267\u884c\u4f5c\u7528\u57df\u94fe\u9500\u6bc1\uff0c\u4f46\u56e0\u5185\u90e8\u7684\u51fd\u6570\u4f5c\u7528\u57df\u8fde\u4ecd\u7136\u5728\u5f15\u7528\u8fd9\u4e2a\u6d3b\u52a8\u5bf9\u8c61\uff0c\u6240\u4ee5\u5176\u6d3b\u52a8\u5bf9\u8c61\u4e0d\u4f1a\u88ab\u9500\u6bc1\uff0c\u76f4\u5230\u5185\u90e8\u51fd\u6570\u88ab\u9500\u6bc1\u540e\u624d\u88ab\u9500\u6bc1\uff0c")),a.a.createElement("li",null,a.a.createElement("p",null,"\u4f18\u70b9"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u53ef\u4ee5\u4ece\u5185\u90e8\u51fd\u6570\u8bbf\u95ee\u5916\u90e8\u51fd\u6570\u7684\u4f5c\u7528\u57df\u4e2d\u7684\u53d8\u91cf\uff0c\u4e14\u8bbf\u95ee\u5230\u7684\u53d8\u91cf\u957f\u671f\u9a7b\u624e\u5728\u5185\u5b58\u4e2d\uff0c\u53ef\u4f9b\u4e4b\u540e\u4f7f\u7528"),a.a.createElement("li",null,"\u907f\u514d\u6c61\u67d3\u5168\u5c40"),a.a.createElement("li",null,"\u628a\u53d8\u91cf\u5b58\u5728\u72ec\u7acb\u7684\u4f5c\u7528\u57df\u4e2d\uff0c\u4f5c\u4e3a\u79c1\u6709\u6210\u5458\u5b58\u5728"))),a.a.createElement("li",null,a.a.createElement("p",null,"\u7f3a\u70b9"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u5bf9\u5185\u5b58\u7684\u6d88\u8017\u6709\u8d1f\u9762\u5f71\u54cd\uff0c\u56e0\u5185\u90e8\u51fd\u6570\u4fdd\u5b58\u4e86\u5bf9\u5916\u90e8\u53d8\u91cf\u7684\u5f15\u7528\uff0c\u5bfc\u81f4\u65e0\u6cd5\u88ab\u5783\u573e\u56de\u6536\uff0c\u589e\u5927\u5185\u5b58\u4f7f\u7528\u91cf\uff0c\u6240\u4ee5\u4f7f\u7528\u4e0d\u5f53\u4f1a\u5bfc\u81f4\u5185\u5b58\u6cc4\u6f0f"),a.a.createElement("li",null,"\u5bf9\u5904\u7406\u901f\u5ea6\u6709\u8d1f\u9762\u5f71\u54cd\uff0c\u95ed\u5305\u7684\u5c42\u7ea7\u51b3\u5b9a\u4e86\u5f15\u7528\u7684\u5916\u90e8\u53d8\u91cf\u5728\u67e5\u627e\u65f6\u7ecf\u8fc7\u7684\u4f5c\u7528\u57df\u94fe\u957f\u5ea6"),a.a.createElement("li",null,"\u53ef\u4ee5\u83b7\u53d6\u5230\u610f\u5916\u7684\u503c"))),a.a.createElement("li",null,a.a.createElement("p",null,"\u5e94\u7528\u573a\u666f"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u6a21\u5757\u5c01\u88c5\uff0c\u5728\u5404\u6a21\u5757\u89c4\u8303\u51fa\u73b0\u4e4b\u524d\uff0c\u90fd\u4f7f\u7528\u8fd9\u6837\u7684\u65b9\u5f0f\u9632\u6b62\u53d8\u91cf\u6c61\u67d3\u5168\u5c40")))),a.a.createElement(r["a"],{code:"var foo = (function() {\n  var a = 0;\n  function inner() {}\n  inner.prototype.bar = function bar() {\n    return a;\n  };\n  return inner;\n})();",lang:"js"}),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,"\u5728\u5faa\u73af\u4e2d\u521b\u5efa\u95ed\u5305\uff0c\u9632\u6b62\u53d6\u5230\u610f\u5916\u7684\u503c \u4e0b\u9762\u7684\u4ee3\u7801\uff0c\u65e0\u8bba\u54ea\u4e2a\u5143\u7d20\u89e6\u53d1\u65f6\u95f4\u90fd\u662f\u5f39\u51fa 4\uff0c\u56e0\u4e3a\u51fd\u6570\u6267\u884c\u5f15\u7528\u7684 i \u662f\u540c\u4e00\u4e2a\uff0c\u800c\u5728 i \u5faa\u73af\u7ed3\u675f\u540e\u5c31\u662f 3"),a.a.createElement(r["a"],{code:"for (var i = 0; i < 4; i++) {\n  document.getElementByTd('id' + i).onFocus = function() {\n    console.log(i);\n  };\n}\n//\u7528\u95ed\u5305\u89e3\u51b3\nfor (var i = 0; i < 4; i++) {\n  document.getElementByTd('id' + i).onFocus = function(i) {\n    return function() {\n      console.log(i);\n    };\n  };\n}\n//\u95ed\u5305\u5b9e\u73b0\u6309\u94ae\u70b9\u51fb\u52a01\nvar add1 = function() {\n  let index = 1;\n  return function inner() {\n    index += 1;\n    console.log(index);\n  };\n};\nlet add = add1();",lang:"js"}))),a.a.createElement("h3",{id:"2\u4e0b\u9762\u4ee3\u7801\u7ed3\u679c\u662f\u4ec0\u4e48\u600e\u4e48\u4fee\u6539\u6210\u6211\u4eec\u60f3\u8981\u7684\u503c"},a.a.createElement(c["AnchorLink"],{to:"#2\u4e0b\u9762\u4ee3\u7801\u7ed3\u679c\u662f\u4ec0\u4e48\u600e\u4e48\u4fee\u6539\u6210\u6211\u4eec\u60f3\u8981\u7684\u503c","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"2\u3001\u4e0b\u9762\u4ee3\u7801\u7ed3\u679c\u662f\u4ec0\u4e48\uff1f\u600e\u4e48\u4fee\u6539\u6210\u6211\u4eec\u60f3\u8981\u7684\u503c\uff1f"),a.a.createElement(r["a"],{code:"for (var i = 1; i <= 5; i++) {\n  setTimeout(function timer() {\n    console.log(i);\n  }, i * 1000);\n}\n//\u7ed3\u679c\u662f 66666\n//\u600e\u4e48\u5f97\u5230\u7ed3\u679c\u662f 1 2 3 4 5\u5462\n//\u7b2c\u4e00\u79cd \u95ed\u5305\nfor (var i = 1; i <= 5; i++) {\n  (function(j) {\n    setTimeout(function timer() {\n      console.log(j);\n    }, j * 1000);\n  })(i);\n}\n//\u7b2c\u4e8c\u79cd\u662f \u628avar\u6539\u6210let\nfor (let i = 1; i <= 5; i++) {\n  setTimeout(function timer() {\n    console.log(i);\n  }, i * 1000);\n}\n\n//\u7b2c\u4e09\u79cd\u662f \u4f7f\u7528setTimeout\u7684\u7b2c\u4e09\u4e2a\u53c2\u6570\nfor (var i = 1; i <= 5; i++) {\n  setTimeout(\n    function timer(j) {\n      console.log(j);\n    },\n    i * 1000,\n    i,\n  );\n}\n\n// \u5982\u679c\u671f\u671b\u4ee3\u7801\u7684\u8f93\u51fa\u53d8\u6210 0 -> 1 -> 2 -> 3 -> 4 -> 5\uff0c\u5219\u8be5\u600e\u4e48\u6539\u5462\uff1f\n\nvar promise = Promise.resolve();\nconst output = i => {\n  promise = promise.then(() => {\n    return new Promise(resolve => {\n      window.setTimeout(() => {\n        console.log(i);\n        resolve();\n      }, 1000);\n    });\n  });\n};\nfor (var i = 0; i < 5; i++) {\n  output(i);\n}",lang:"js"}),a.a.createElement("h2",{id:"this\u4f5c\u7528\u57df"},a.a.createElement(c["AnchorLink"],{to:"#this\u4f5c\u7528\u57df","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"this\u3001\u4f5c\u7528\u57df"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u7531",a.a.createElement("code",null,"new"),"\u8c03\u7528\uff1a\u7ed1\u5b9a\u5230\u65b0\u521b\u5efa\u7684\u5bf9\u8c61"),a.a.createElement("li",null,"\u7531",a.a.createElement("code",null,"call"),"\u6216",a.a.createElement("code",null,"apply"),"\u3001",a.a.createElement("code",null,"bind"),"\u8c03\u7528\uff1a\u7ed1\u5b9a\u5230\u6307\u5b9a\u7684\u5bf9\u8c61"),a.a.createElement("li",null,"\u7531\u4e0a\u4e0b\u6587\u5bf9\u8c61\u8c03\u7528\uff1a\u7ed1\u5b9a\u5230\u4e0a\u4e0b\u6587\u5bf9\u8c61"),a.a.createElement("li",null,"\u9ed8\u8ba4\uff1a\u5168\u5c40\u5bf9\u8c61")),a.a.createElement("h3",{id:"1\u8bf7\u5199\u51fa\u4e0b\u9762\u5982\u4e0b\u4ee3\u7801\u7684\u7ed3\u679c"},a.a.createElement(c["AnchorLink"],{to:"#1\u8bf7\u5199\u51fa\u4e0b\u9762\u5982\u4e0b\u4ee3\u7801\u7684\u7ed3\u679c","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"1\u3001\u8bf7\u5199\u51fa\u4e0b\u9762\u5982\u4e0b\u4ee3\u7801\u7684\u7ed3\u679c\uff1f"),a.a.createElement(r["a"],{code:"function test(person) {\n  //\u51fd\u6570\u4f20\u53c2\u662f\u4f20\u9012\u5bf9\u8c61\u6307\u9488\u7684\u526f\u672c\n  person.age = 26; //\u8fd9\u4e00\u884c\u4ee3\u7801\u4fee\u6539\u7684\u662f\u4f20\u8fc7\u6765\u7684person\n  person = {\n    //\u8fd9\u4e00\u884c\u662f\u521b\u5efa\u4e86\u4e00\u4e2a\u65b0\u7684\u5bf9\u8c61\u7684\u5730\u5740\n    name: 'yyy',\n    age: 30,\n  };\n\n  return person;\n}\nconst p1 = {\n  name: 'yck',\n  age: 25,\n};\nconst p2 = test(p1);\nconsole.log(p1); // -> {name: \"yck\", age: 26}\nconsole.log(p2); // -> {name: \"yyy\", age: 30}",lang:"js"}),a.a.createElement("h3",{id:"2\u5199\u51fa\u8f93\u51fa\u7ed3\u679c"},a.a.createElement(c["AnchorLink"],{to:"#2\u5199\u51fa\u8f93\u51fa\u7ed3\u679c","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"2\u3001\u5199\u51fa\u8f93\u51fa\u7ed3\u679c\uff1f"),a.a.createElement(r["a"],{code:"var myObject = {\n  foo: 'bar',\n  func: function() {\n    var self = this;\n    console.log(this.foo); //bar\n    console.log(self.foo); //bar\n    (function() {\n      console.log(this.foo); //undefined\n      console.log(self.foo); //bar\n    })();\n  },\n};\nmyObject.func();",lang:"js"}),a.a.createElement("p",null,"\u56e0\u4e3a\u662f",a.a.createElement("code",null,"myObject.func()"),"\u6240\u4ee5",a.a.createElement("code",null,"func"),"\u51fd\u6570\u91cc\u9762\u7684",a.a.createElement("code",null,"this"),"\u6307\u5411",a.a.createElement("code",null,"myObject"),",\u6240\u4ee5\u7b2c\u4e00\u884c",a.a.createElement("code",null,"console.log(this.foo)"),"\u7684 this \u6267\u884c",a.a.createElement("code",null,"myObject"),"\uff0c"),a.a.createElement("p",null,"\u56e0\u4e3a",a.a.createElement("code",null,"self=this"),"\uff0c\u6240\u4ee5\u7b2c\u4e8c\u884c\u7684",a.a.createElement("code",null,"console.log(self.foo)"),"\u91cc\u9762\u7684 self \u6307\u5411\u7684\u4e5f\u662f",a.a.createElement("code",null,"myObject"),"\uff0c"),a.a.createElement("p",null,"\u4f46\u662f\u4e0b\u9762\u4e00\u884c",a.a.createElement("code",null,"console.log(this.foo)"),"\u662f\u5728\u4e00\u4e2a\u95ed\u5305\u91cc\u9762\uff0c\u6240\u4ee5\u8fd9\u4e2a",a.a.createElement("code",null,"this"),"\u6307\u5411 ",a.a.createElement("code",null,"window")),a.a.createElement("p",null,a.a.createElement("code",null,"console.log(self.foo)"),"\u91cc\u9762\u7684",a.a.createElement("code",null,"self"),"\u6307\u5411\u7684\u662f\u4e0a\u9762\u83b7\u53d6\u7684",a.a.createElement("code",null,"self"),",\u6240\u4ee5\u6307\u5411\u7684\u662f",a.a.createElement("code",null,"myObject")),a.a.createElement("h3",{id:"5\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7ed3\u679c"},a.a.createElement(c["AnchorLink"],{to:"#5\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7ed3\u679c","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"5\u3001\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7ed3\u679c\uff1f"),a.a.createElement(r["a"],{code:"var a = { n: 1 };\nvar b = a;\na.x = a = { n: 2 };\nconsole.log(a); //{n:2}\nconsole.log(b); //{n:1,x:{n:2}}",lang:"js"}),a.a.createElement("p",null,"\u6839\u636e v8 \u5f15\u64ce\u6765\u89e3\u91ca\uff0c",a.a.createElement("code",null,"a"),"\u662f\u5b58\u50a8\u5728",a.a.createElement("code",null,"\u6808"),"\u91cc\u9762,",a.a.createElement("code",null,"{","n:1","}"),"\u662f\u5b58\u50a8\u5728",a.a.createElement("code",null,"\u5806"),"\u91cc\u9762\uff0c\u6240\u4ee5",a.a.createElement("code",null,"b=a"),"\u5bfc\u81f4",a.a.createElement("code",null,"a"),"\u548c",a.a.createElement("code",null,"b"),"\u540c\u65f6\u6307\u5411",a.a.createElement("code",null,"{","n:1","}"),",\u56e0\u4e3a\u70b9\u7684\u8fd0\u7b97\u4f18\u5148\u7b49\u4e8e\u7684\u8fd0\u7b97\uff0c\u6240\u4ee5",a.a.createElement("code",null,"a.x"),"\u5148\u6267\u884c\u5373\u73b0\u5728 a \u548c b \u90fd\u662f",a.a.createElement("code",null,"{","n:1,x:undefined","}"),",\u53c8\u56e0\u4e3a\u7b49\u4e8e\u8fd0\u7b97\u662f\u4ece\u53f3\u5230\u5de6\u6267\u884c\u7684\uff0c\u6240\u4ee5",a.a.createElement("code",null,"a=","{","n:2","}")),a.a.createElement("p",null,"\u518d\u6267\u884c",a.a.createElement("code",null,"a.x=a"),",\u8fd9\u91cc\u8981\u6ce8\u610f\uff0c\u56e0\u4e3a",a.a.createElement("code",null,"a.x"),"\u4e4b\u524d\u5df2\u7ecf\u5148\u6267\u884c\u4e86,\u6240\u4ee5",a.a.createElement("code",null,"a.x"),"\u5df2\u7ecf\u662f",a.a.createElement("code",null,"{","n:1,x:undefined","}"),"\u8fd9\u4e2a\u5730\u5740\u4e86\uff0c\u4f46\u662f\u91cc\u9762\u7684 x \u6307\u5411\u4e86\u65b0\u7684\u5730\u5740,\u6240\u4ee5\u6700\u7ec8",a.a.createElement("code",null,"a.x"),"\u53ef\u4ee5\u770b\u6210\u662f",a.a.createElement("code",null,"{","n:1,x:undefined","}",".x=","{","n:2","}")),a.a.createElement("h3",{id:"6\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u6267\u884c\u7ed3\u679c\u5e76\u8bf4\u660e\u4e3a\u4ec0\u4e48\u53d8\u91cf\u63d0\u5347"},a.a.createElement(c["AnchorLink"],{to:"#6\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u6267\u884c\u7ed3\u679c\u5e76\u8bf4\u660e\u4e3a\u4ec0\u4e48\u53d8\u91cf\u63d0\u5347","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"6\u3001\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u6267\u884c\u7ed3\u679c\uff0c\u5e76\u8bf4\u660e\u4e3a\u4ec0\u4e48\uff1f(\u53d8\u91cf\u63d0\u5347)"),a.a.createElement(r["a"],{code:"function out() {\n  console.log(1);\n}\n(function() {\n  if (false) {\n    function out() {\n      console.log(2);\n    }\n  }\n  console.log(typeof out); //undefined\n  out(); //out is not a function\n})();",lang:"js"}),a.a.createElement("p",null,"\u76f4\u63a5\u5728\u51fd\u6570\u4f53\u5185\u5b9a\u4e49\u7684\u51fd\u6570\u58f0\u660e\uff0c\u6574\u4e2a\u90fd\u4f1a\u63d0\u524d\uff0c\u4f46\u662f\u5728\u5757\u4e2d\u5b9a\u4e49\u7684\u51fd\u6570\u58f0\u660e\uff0c\u53ea\u4f1a\u63d0\u5347\u5176\u58f0\u660e\u90e8\u5206\uff0c\u4e0d\u5206\u914d\u5b9e\u9645\u7684\u5185\u5b58\u7a7a\u95f4,\u6240\u4ee5",a.a.createElement("code",null,"out"),"\u88ab\u63d0\u5347\u7684\u53ea\u6709\u51fd\u6570\u53d8\u91cf\u540d\u79f0\uff0c\u5e76\u672a\u5b9e\u9645\u8d4b\u503c"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,"\u53d8\u91cf\u63d0\u5347"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u5168\u5c40\u4f5c\u7528\u57df\u4e2d\u7684\u58f0\u660e\u7684\u53d8\u91cf\u4f1a\u63d0\u5347\u5230\u81f3\u5168\u5c40\u6700\u9876\u5c42"),a.a.createElement("li",null,"\u51fd\u6570\u5185\u58f0\u660e\u7684\u53d8\u91cf\u53ea\u4f1a\u63d0\u5347\u5230\u51fd\u6570\u4f5c\u7528\u57df\u9876\u5c42"))),a.a.createElement("li",null,a.a.createElement("p",null,"\u51fd\u6570\u63d0\u5347"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u51fd\u6570\u8868\u8fbe\u5f0f\u4e0d\u4f1a\u58f0\u660e\u63d0\u5347"),a.a.createElement("li",null,"\u51fd\u6570\u58f0\u660e\u4f1a\u8986\u76d6\u53d8\u91cf\u58f0\u660e\uff0c\u5982\u679c\u5b58\u5728\u51fd\u6570\u540d\u548c\u53d8\u91cf\u540d\u662f\u76f8\u540c\u7684\uff0c\u90fd\u4f1a\u88ab\u63d0\u5347\uff0c\u4f46\u662f\u51fd\u6570\u7684\u4f18\u5148\u7ea7\u66f4\u9ad8\uff0c\u6240\u4ee5\u53d8\u91cf\u7684\u503c\u4f1a\u88ab\u8986\u76d6\u6389")),a.a.createElement(r["a"],{code:"//\u8d4b\u503c\u7684\u60c5\u51b5\nvar company = '123';\nfunction company() {\n  console.log('456');\n}\nconsole.log(typeof company); //string\n\n//\u672a\u8d4b\u503c\u7684\u60c5\u51b5\nvar company;\nfunction company() {\n  console.log('456');\n}\nconsole.log(typeof company); //function",lang:"js"}))),a.a.createElement("h3",{id:"7\u8bf7\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c"},a.a.createElement(c["AnchorLink"],{to:"#7\u8bf7\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"7\u3001\u8bf7\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c\uff1f"),a.a.createElement(r["a"],{code:"function fn() {\n  console.log(this.length);\n}\nvar yideng = {\n  length: 5,\n  method: function() {\n    'use strict';\n    fn();\n    arguments[0]();\n  },\n};\nconst result = yideng.method.bind(null);\nresult(fn, 1);",lang:"js"}),a.a.createElement("p",null,"\u7ed3\u679c\u662f",a.a.createElement("code",null,"0 2"),","),a.a.createElement("p",null,a.a.createElement("code",null,"fn()"),"\u6267\u884c\u7684\u65f6\u5019\u4e0d\u4f9d\u8d56\u4efb\u4f55\u5bf9\u8c61\uff0c\u6240\u4ee5",a.a.createElement("code",null,"fn()"),"\u4e2d\u7684",a.a.createElement("code",null,"this"),"\u6307\u5411\u7684\u662f",a.a.createElement("code",null,"window"),",",a.a.createElement("code",null,"arguments[0]()"),"\u51fd\u6570\u6267\u884c\u91cc\u9762\u7684",a.a.createElement("code",null,"this"),"\u6307\u5411\u7684",a.a.createElement("code",null,"argument"),"\u5bf9\u8c61,\u6240\u4ee5",a.a.createElement("code",null,"arguments[0]()"),"\u7684\u7ed3\u679c\u662f 2"),a.a.createElement("h3",{id:"8\u8bf7\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c"},a.a.createElement(c["AnchorLink"],{to:"#8\u8bf7\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"8\u3001\u8bf7\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c\uff1f"),a.a.createElement(r["a"],{code:"function bar() {\n  console.log(myName);\n}\nfunction foo() {\n  var myName = '\u5185\u90e8\u53d8\u91cf';\n  bar();\n}\nvar myName = '\u5916\u90e8\u53d8\u91cf';\nfoo(); //\u5916\u90e8\u53d8\u91cf",lang:"js"}),a.a.createElement("p",null,"\u4e3a\u4ec0\u4e48\u4e0d\u662f",a.a.createElement("code",null,"\u5185\u90e8\u53d8\u91cf"),"\u5462\uff1f\uff0c\u56e0\u4e3a\u51fd\u6570\u5728\u5b9a\u4e49\u7684\u65f6\u5019\u91cc\u9762\u7684\u53d8\u91cf\u5df2\u7ecf\u5b58\u5728\u4e86"),a.a.createElement("h3",{id:"9\u8bf7\u95ee\u53d8\u91cf-a-\u4f1a\u88ab-gc-\u56de\u6536\u5417\u4e3a\u4ec0\u4e48"},a.a.createElement(c["AnchorLink"],{to:"#9\u8bf7\u95ee\u53d8\u91cf-a-\u4f1a\u88ab-gc-\u56de\u6536\u5417\u4e3a\u4ec0\u4e48","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"9\u3001\u8bf7\u95ee\u53d8\u91cf a \u4f1a\u88ab GC \u56de\u6536\u5417\uff0c\u4e3a\u4ec0\u4e48\uff1f"),a.a.createElement(r["a"],{code:"function test() {\n  var a = 'yideng';\n  return function() {\n    eval('');\n  };\n}\ntest()();",lang:"js"}),a.a.createElement("p",null,"\u53d8\u91cf a \u4e0d\u4f1a\u88ab\u56de\u6536\uff0c\u56e0\u4e3a\u91cc\u9762\u6709",a.a.createElement("code",null,"eval()"),"\uff0c",a.a.createElement("code",null,"eval()"),"\u51fd\u6570\u53ef\u8ba1\u7b97\u67d0\u4e2a\u5b57\u7b26\u4e32\uff0c\u5e76\u6267\u884c\u5176\u4e2d\u7684\u7684 ",a.a.createElement("code",null,"JavaScript")," \u4ee3\u7801\uff0c\u6240\u4ee5 js \u5f15\u64ce\u4e0d\u77e5\u9053",a.a.createElement("code",null,"eval"),"\u91cc\u9762\u4f1a\u6267\u884c\u4ec0\u4e48\u7a0b\u5e8f\u4f1a\u4e0d\u4f1a\u7528\u5230\u8fd9\u4e2a\u53d8\u91cf a\uff0c\u6240\u4ee5\u53d8\u91cf",a.a.createElement("code",null,"a"),"\u4e0d\u4f1a\u88ab\u56de\u6536"),a.a.createElement("h3",{id:"10\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c"},a.a.createElement(c["AnchorLink"],{to:"#10\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"10\u3001\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c\uff1f"),a.a.createElement(r["a"],{code:"function foo() {\n  a = 5;\n  console.log(window.a); //undefined\n  console.log(a); //5\n  var a = 10;\n  console.log(a); //s10\n}\nfoo();\n\n//\u7b49\u4ef7\u4e8e\n\nfunction foo() {\n  var a;\n  a = 5;\n  console.log(window.a); //undefined\n  console.log(a); //5\n  a = 10;\n  console.log(a); //s10\n}\nfoo();",lang:"js"}),a.a.createElement("p",null,"\u56e0\u4e3a",a.a.createElement("code",null,"a"),"\u53d8\u91cf\u5728\u5168\u5c40\u91cc\u9762\u6ca1\u6709\u58f0\u660e\uff0c\u51fd\u6570\u91cc\u9762\u7684\u53d8\u91cf\u5c5e\u4e8e\u51fd\u6570\u4f5c\u7528\u57df\uff0c\u6240\u4ee5",a.a.createElement("code",null,"window.a"),"\u662f",a.a.createElement("code",null,"undefined"),"\uff0c\u4e0b\u9762\u7684\u53d8\u91cf a \u5c31\u6839\u636e\u4f5c\u7528\u57df\u7684\u987a\u5e8f\u6765\u53d6\u5c31\u884c\u4e86"),a.a.createElement("h3",{id:"11\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c"},a.a.createElement(c["AnchorLink"],{to:"#11\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"11\u3001\u5199\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u7ed3\u679c\uff1f"),a.a.createElement(r["a"],{code:"var name = 'a';\nfunction outter() {\n  var name = 'b';\n  function inner() {\n    console.log(name); // b\n    console.log(this.name); // a\n  }\n  inner();\n}\noutter();",lang:"js"}),a.a.createElement("p",null,"\u6309\u7167\u4f5c\u7528\u57df\u7684\u987a\u5e8f\uff0c",a.a.createElement("code",null,"inner"),"\u6267\u884c\u7684\u65f6\u5019\u6ca1\u6709\u4f9d\u8d56\u4e8e\u4efb\u4f55\u5bf9\u8c61\uff0c\u6240\u4ee5\u5b83\u7684",a.a.createElement("code",null,"this"),"\u662f",a.a.createElement("code",null,"window"),",",a.a.createElement("code",null,"name"),"\u76f4\u63a5\u5411\u4e0a\u67e5\u627e\u627e\u5230\u51fd\u6570\u4f5c\u7528\u4e8e\u91cc\u9762\u6709",a.a.createElement("code",null,"name"),"\uff0c\u6240\u4ee5",a.a.createElement("code",null,"console.log(name)=='b'"),", ",a.a.createElement("code",null,"console.log(this.name)"),"\u53d6\u7684\u662f",a.a.createElement("code",null,"window"),"\u91cc\u9762\u7684",a.a.createElement("code",null,"name")),a.a.createElement("h2",{id:"\u539f\u578b\u548c\u539f\u578b\u94fe"},a.a.createElement(c["AnchorLink"],{to:"#\u539f\u578b\u548c\u539f\u578b\u94fe","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"\u539f\u578b\u548c\u539f\u578b\u94fe"),a.a.createElement("h3",{id:"1\u539f\u578b\u548c\u539f\u578b\u94fe\u4ee3\u7801\u9762\u8bd5\u9898\u8f93\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u503c"},a.a.createElement(c["AnchorLink"],{to:"#1\u539f\u578b\u548c\u539f\u578b\u94fe\u4ee3\u7801\u9762\u8bd5\u9898\u8f93\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u503c","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"1\u3001\u539f\u578b\u548c\u539f\u578b\u94fe\u4ee3\u7801\u9762\u8bd5\u9898\uff0c\u8f93\u51fa\u4e0b\u9762\u4ee3\u7801\u7684\u503c\uff1f"),a.a.createElement(r["a"],{code:"Object.prototype.a = 'a';\nFunction.prototype.a = 'a1';\nfunction Person(){};\nvar yideng = new Person();\n\nconsole.log(Person.a);\nconsole.log(yideng.a);\nconsole.log(1..a)\nconsole.log(1.a)\nconsole.log(yideng.__proto__.__proto__.constructor.constructor.constructor)",lang:"js"}),a.a.createElement("h2",{id:"\u5176\u4ed6"},a.a.createElement(c["AnchorLink"],{to:"#\u5176\u4ed6","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"\u5176\u4ed6"),a.a.createElement("h3",{id:"1\u9632\u6296\u548c\u8282\u6d41\u7684\u539f\u7406\u4e0e\u5b9e\u73b0"},a.a.createElement(c["AnchorLink"],{to:"#1\u9632\u6296\u548c\u8282\u6d41\u7684\u539f\u7406\u4e0e\u5b9e\u73b0","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"1\u3001\u9632\u6296\u548c\u8282\u6d41\u7684\u539f\u7406\u4e0e\u5b9e\u73b0\uff1f"),a.a.createElement("h4",{id:"\u9632\u6296\u7684\u539f\u7406"},a.a.createElement(c["AnchorLink"],{to:"#\u9632\u6296\u7684\u539f\u7406","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"\u9632\u6296\u7684\u539f\u7406"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,"\u539f\u7406"),a.a.createElement("p",null,"\u6240\u8c13\u9632\u6296\uff0c\u5c31\u662f\u6307\u89e6\u53d1\u4e8b\u4ef6\u540e\u5728 n \u79d2\u5185\u51fd\u6570\u53ea\u80fd\u6267\u884c\u4e00\u6b21\uff0c\u5982\u679c\u5728 n \u79d2\u5185\u53c8\u89e6\u53d1\u4e86\u4e8b\u4ef6\uff0c\u5219\u4f1a\u91cd\u65b0\u8ba1\u7b97\u51fd\u6570\u6267\u884c\u65f6\u95f4")),a.a.createElement("li",null,a.a.createElement("p",null,"\u9002\u7528\u573a\u666f"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u6309\u94ae\u63d0\u4ea4\u573a\u666f\uff1a\u9632\u6b62\u6309\u94ae\u591a\u6b21\u63d0\u4ea4\uff0c\u53ea\u6267\u884c\u6700\u540e\u4e00\u6b21\u7684\u63d0\u4ea4"),a.a.createElement("li",null,"\u641c\u7d22\u6846\u8054\u60f3\u573a\u666f\uff1a \u53ea\u53d1\u9001\u6700\u540e\u4e00\u6b21\u8f93\u5165")))),a.a.createElement("p",null,a.a.createElement("strong",null,"\u975e\u7acb\u5373\u6267\u884c\u7248")),a.a.createElement("p",null,"\u975e\u7acb\u5373\u6267\u884c\u7248\u7684\u610f\u601d\u662f\u89e6\u53d1\u4e8b\u4ef6\u540e\u51fd\u6570\u4e0d\u4f1a\u7acb\u5373\u6267\u884c\uff0c\u800c\u662f\u5728 n \u79d2\u540e\u6267\u884c\uff0c\u5982\u679c\u5728 n \u79d2\u5185\u53c8\u89e6\u53d1\u4e86\u4e8b\u4ef6\uff0c\u5219\u4f1a\u91cd\u65b0\u8ba1\u7b97\u51fd\u6570\u6267\u884c\u65f6\u95f4"),a.a.createElement(r["a"],{code:"function debounce(func, wait) {\n  let timeout;\n  return function() {\n    const context = this;\n    let args = arguments;\n    if (timeout) clearTimeout(timeout);\n\n    timeout = setTimeout(() => {\n      func.apply(context, args);\n    }, wait);\n  };\n}",lang:"js"}),a.a.createElement("p",null,a.a.createElement("strong",null,"\u7acb\u5373\u6267\u884c\u7248")),a.a.createElement("p",null,"\u7acb\u5373\u6267\u884c\u7248\u7684\u610f\u601d\u662f\u89e6\u53d1\u4e8b\u4ef6\u540e\u51fd\u6570\u4f1a\u7acb\u5373\u6267\u884c\uff0c\u7136\u540e n \u79d2\u5185\u4e0d\u89e6\u53d1\u4e8b\u4ef6\u624d\u80fd\u7ee7\u7eed\u6267\u884c\u51fd\u6570\u7684\u6548\u679c"),a.a.createElement(r["a"],{code:"function debounce(func, wait) {\n  let timeout;\n  return function() {\n    const context = this;\n    let args = arguments;\n    if (timeout) clearTimeout(timeout);\n\n    let callNow = !timeout;\n    timeout = setTimeout(() => {\n      timeout = null;\n    }, wait);\n\n    if (callNow) func.apply(context, args);\n  };\n}",lang:"js"}),a.a.createElement("p",null,a.a.createElement("strong",null,"\u53cc\u5251\u5408\u74a7\u7248")),a.a.createElement(r["a"],{code:"/**\n * @desc \u51fd\u6570\u9632\u6296\n * @param {*} func \u51fd\u6570\n * @param {*} wait \u5ef6\u8fdf\u6267\u884c\u6beb\u79d2\u6570\n * @param {*} immediate  \u662f\u5426\u7acb\u5373\u6267\u884c\n */\nfunction debounce(func, wait, immediate) {\n  let timeout;\n  return function() {\n    const context = this;\n    let args = arguments;\n    if (timeout) clearTimeout(timeout);\n\n    if (immediate) {\n      let callNow = !timeout;\n      timeout = setTimeout(() => {\n        timeout = null;\n      }, wait);\n      if (callNow) func.apply(context, args);\n    } else {\n      timeout = setTimeout(() => {\n        func.apply(context, args);\n      }, wait);\n    }\n  };\n}",lang:"js"}),a.a.createElement("h4",{id:"\u8282\u6d41\u7684\u539f\u7406"},a.a.createElement(c["AnchorLink"],{to:"#\u8282\u6d41\u7684\u539f\u7406","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"\u8282\u6d41\u7684\u539f\u7406"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u539f\u7406")),a.a.createElement("p",null,"\u5c31\u662f\u6307\u8fde\u7eed\u89e6\u53d1\u4e8b\u4ef6\u4f46\u662f\u5728 n \u79d2\u4e2d\u53ea\u6267\u884c\u4e00\u6b21\u51fd\u6570\uff0c\u8282\u6d41\u4f1a\u7a00\u91ca\u51fd\u6570\u7684\u6267\u884c\u9891\u7387"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,"\u9002\u7528\u573a\u666f"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u62d6\u62fd\u573a\u666f\uff1a\u56fa\u5b9a\u65f6\u95f4\u5185\u6267\u884c\u4e00\u6b21\uff0c\u9632\u6b62\u8d85\u9ad8\u9891\u6b21\u4f4d\u7f6e\u53d1\u751f\u53d8\u52a8"),a.a.createElement("li",null,"\u7f29\u653e\u573a\u666f\uff1a\u76d1\u63a7\u6d4f\u89c8\u5668\u7684 resize")))),a.a.createElement("p",null,a.a.createElement("strong",null,"\u65f6\u95f4\u6233\u7248")),a.a.createElement("p",null,"\u5f53\u89e6\u53d1\u4e8b\u4ef6\u7684\u65f6\u5019\uff0c\u6211\u4eec\u53d6\u5f53\u524d\u7684\u65f6\u95f4\u6233\u7136\u540e\u51cf\u53bb\u4e4b\u524d\u7684\u65f6\u95f4\u6233(\u7b2c\u4e00\u6b21\u8bbe\u7f6e 0)\uff0c\u5982\u679c\u5927\u4e8e\u8bbe\u7f6e\u7684\u5468\u671f\uff0c\u5c31\u6267\u884c\u51fd\u6570\uff0c\u7136\u540e\u66f4\u65b0 prev \u4e3a\u5f53\u524d\u7684\u65f6\u95f4\u6233\uff0c\u5982\u679c\u5c0f\u4e8e\u5c31\u4e0d\u6267\u884c"),a.a.createElement(r["a"],{code:"function throttle(func, wait) {\n  let prev = 0;\n  return function() {\n    let now = Date.now();\n    let context = this;\n    let args = arguments;\n    if (now - prev > wait) {\n      func.apply(context, args);\n      prev = now;\n    }\n  };\n}",lang:"js"}),a.a.createElement("p",null,a.a.createElement("strong",null,"\u5b9a\u65f6\u5668\u7248")),a.a.createElement("p",null,"\u5f53\u89e6\u53d1\u4e8b\u4ef6\u7684\u65f6\u5019,\u6211\u4eec\u8bbe\u7f6e\u4e86\u4e00\u4e2a\u5b9a\u65f6\u5668\uff0c\u518d\u89e6\u53d1\u4e8b\u4ef6\u7684\u65f6\u5019\uff0c\u5982\u679c\u5b9a\u65f6\u5668\u5b58\u5728\u5c31\u4e0d\u6267\u884c\uff0c\u76f4\u5230\u4e8b\u4ef6\u6267\u884c\u6e05\u7a7a\u5b9a\u65f6\u5668\uff0c\u8fd9\u6837\u5c31\u53ef\u4ee5\u8bbe\u7f6e\u4e0b\u4e00\u4e2a\u5b9a\u65f6\u5668"),a.a.createElement(r["a"],{code:"function throttle(func, wait) {\n  let timeout;\n  return function() {\n    let context = this;\n    let args = arguments;\n    if (!timeout) {\n      timeout = setTimeout(() => {\n        time = null;\n        func.apply(context, args);\n      }, wait);\n    }\n  };\n}",lang:"js"}),a.a.createElement("p",null,a.a.createElement("strong",null,"\u53cc\u5251\u5408\u74a7\u7248")),a.a.createElement(r["a"],{code:"/**\n * #desc \u8282\u6d41\u53cc\u5251\u5408\u74a7\u7248\n * @param {*} func\n * @param {*} wait\n * @param {*} type type=1\u8868\u793a\u65f6\u95f4\u6233\uff0ctype=2\u8868\u793a\u5b9a\u65f6\u5668\n */\nfunction throttle(func, wait, type) {\n  if (type === 1) {\n    let previous = 0;\n  } else if (type === 2) {\n    let timeout;\n  }\n  return function() {\n    let context = this;\n    let args = arguments;\n    switch (type) {\n      case 1:\n        let now = Date.now();\n        if (now - prev > wait) {\n          func.apply(context, args);\n          prev = now;\n        }\n        break;\n      case 2:\n        if (!timeout) {\n          timeout = setTimeout(() => {\n            time = null;\n            func.apply(context, args);\n          }, wait);\n        }\n        break;\n    }\n  };\n}",lang:"js"}),a.a.createElement("h3",{id:"2\u4ecb\u7ecd\u7bad\u5934\u51fd\u6570\u7684-this"},a.a.createElement(c["AnchorLink"],{to:"#2\u4ecb\u7ecd\u7bad\u5934\u51fd\u6570\u7684-this","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"2\u3001\u4ecb\u7ecd\u7bad\u5934\u51fd\u6570\u7684 this?"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u51fd\u6570\u4f53\u5185\u7684 this \u5bf9\u8c61\uff0c\u5c31\u662f\u5b9a\u4e49\u65f6\u6240\u5728\u7684\u5bf9\u8c61\uff0c\u800c\u4e0d\u662f\u4f7f\u7528\u65f6\u6240\u5728\u7684\u5bf9\u8c61"),a.a.createElement("li",null,"\u7bad\u5934\u51fd\u6570\u4e0d\u80fd\u7528\u4f5c\u6784\u9020\u51fd\u6570\uff0c\u56e0\u4e3a\u7bad\u5934\u51fd\u6570\u91cc\u9762\u6ca1\u6709 this"),a.a.createElement("li",null,"\u7bad\u5934\u51fd\u6570\u4e5f\u6ca1\u6709 arguments,\u8be5\u5bf9\u8c61\u5728\u51fd\u6570\u4f53\u5185\u4e0d\u5b58\u5728\u3002\u5982\u679c\u8981\u7528\uff0c\u53ef\u4ee5\u7528 Rest \u53c2\u6570\u4ee3\u66ff"),a.a.createElement("li",null,"\u7bad\u5934\u51fd\u6570\u4e2d\u6240\u4f7f\u7528\u7684 this \u90fd\u662f\u6765\u81ea\u51fd\u6570\u4f5c\u7528\u57df\u94fe"),a.a.createElement("li",null,"\u4e0d\u53ef\u4ee5\u4f7f\u7528 yield \u547d\u4ee4\uff0c\u56e0\u6b64\u7bad\u5934\u51fd\u6570\u4e0d\u80fd\u7528\u4f5c Generator \u51fd\u6570")),a.a.createElement("h3",{id:"3forfor-in-for-offoreach-\u6709\u4ec0\u4e48\u533a\u522b"},a.a.createElement(c["AnchorLink"],{to:"#3forfor-in-for-offoreach-\u6709\u4ec0\u4e48\u533a\u522b","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"3\u3001for\u3001for in\u3001 for of\u3001forEach \u6709\u4ec0\u4e48\u533a\u522b\uff1f"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"for")," \u5faa\u73af\u5b9e\u9645\u4e0a\u662f\u53ef\u4ee5\u4f7f\u7528 ",a.a.createElement("code",null,"break")," \u548c ",a.a.createElement("code",null,"continue")," \u53bb\u7ec8\u6b62\u5faa\u73af\u7684\uff0c\u4f46\u662f ",a.a.createElement("code",null,"forEach")," \u4e0d\u884c"),a.a.createElement("p",null,"\u4e00\u822c\u6765\u8bf4\uff0cfor \u591a\u6570\u65f6\u5019\u90fd\u53ef\u4ee5\u4f7f\u7528\uff0c\u5f53\u7136\u4e00\u822c\u6211\u4eec\u9700\u8981\u77e5\u9053\u5faa\u73af\u6b21\u6570\uff1b\u800c ",a.a.createElement("code",null,"forEach")," \u66f4\u9002\u5408\u4e8e\u96c6\u5408\u5bf9\u8c61\u7684\u904d\u5386\u548c\u64cd\u4f5c"),a.a.createElement("p",null,"for \u5faa\u73af\u5728\u6700\u5f00\u59cb\u6267\u884c\u5faa\u73af\u7684\u65f6\u5019\uff0c\u4f1a\u5efa\u7acb\u4e00\u4e2a\u5faa\u73af\u53d8\u91cf i\uff0c\u4e4b\u540e\u6bcf\u6b21\u5faa\u73af\u90fd\u662f\u64cd\u4f5c\u8fd9\u4e2a\u53d8\u91cf\uff0c\u4e5f\u5c31\u662f\u8bf4\u5b83\u662f\u5bf9\u4e00\u4e2a\u5faa\u73af\u53d8\u91cf\u5728\u91cd\u590d\u7684\u8d4b\u503c\uff0c\u56e0\u6b64 i \u5728\u6700\u540e\u53ea\u4f1a\u5b58\u50a8\u4e00\u4e2a\u503c\uff1b\u800c forEach()\u867d\u7136\u53d8\u91cf\u540d\u6ca1\u53d8\uff0c\u4f46\u662f\u5b9e\u9645\u4e0a\u6bcf\u6b21\u5faa\u73af\u90fd\u4f1a\u521b\u5efa\u4e00\u4e2a\u72ec\u7acb\u4e0d\u540c\u7684\u53d8\u91cf\uff0c\u800c\u5b58\u50a8\u7684\u6570\u503c\u81ea\u7136\u4e5f\u662f\u4e0d\u540c\u7684\u6570\u503c\uff0c\u56e0\u6b64\u76f8\u4e92\u4e4b\u95f4\u4e0d\u4f1a\u5f71\u54cd")),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"for...in"),"\u53ef\u4ee5\u76f4\u63a5\u904d\u5386\u5bf9\u8c61\u548c\u6570\u7ec4(\u6570\u7ec4\u904d\u5386\u7684\u662f\u4e0b\u6807)\uff0c\u53ef\u679a\u4e3e\u5c5e\u6027\uff0c\u5305\u62ec\u81ea\u6709\u5c5e\u6027\u3001\u7ee7\u627f\u81ea\u539f\u578b\u7684\u5c5e\u6027\uff0c",a.a.createElement("strong",null,"for in \u7279\u522b\u9002\u5408\u904d\u5386\u5bf9\u8c61"))),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"for...of"),"\u4e0d\u80fd\u76f4\u63a5\u904d\u5386\u5bf9\u8c61\uff0c\u53ef\u4ee5\u904d\u5386\u6570\u7ec4\uff0c\u53ef\u4ee5\u548c ",a.a.createElement("code",null,"break"),"\u3001",a.a.createElement("code",null,"continue"),"\u3001\u548c ",a.a.createElement("code",null,"return")," \u914d\u5408\u4f7f\u7528"))),a.a.createElement(r["a"],{code:"<body>\n  <ul>\n    <li>1</li>\n    <li>2</li>\n    <li>3</li>\n  </ul>\n  <script type=\"text/javascript\">\n    var eles = document.querySelectorAll('li');\n    console.log(eles);\n    for (var i = 0; i < eles.length; i++) {\n      eles[i].onclick = function() {\n        console.log(i); //\u7ed3\u679c\u662f\u6bcf\u6b21\u70b9\u51fb\u90fd\u662f3\n      };\n    }\n    eles.forEach((item, index) => {\n      item.onclick = function() {\n        console.log(index); //\u7ed3\u679c\u662f0 1 2\n      };\n    });\n  <\/script>\n</body>",lang:"html"}),a.a.createElement("h3",{id:"4\u4ec0\u4e48\u662f\u6d45\u62f7\u8d1d\u5982\u4f55\u5b9e\u73b0\u6d45\u62f7\u8d1d\u4ec0\u4e48\u662f\u6df1\u62f7\u8d1d\u5982\u4f55\u5b9e\u73b0\u6df1\u62f7\u8d1d"},a.a.createElement(c["AnchorLink"],{to:"#4\u4ec0\u4e48\u662f\u6d45\u62f7\u8d1d\u5982\u4f55\u5b9e\u73b0\u6d45\u62f7\u8d1d\u4ec0\u4e48\u662f\u6df1\u62f7\u8d1d\u5982\u4f55\u5b9e\u73b0\u6df1\u62f7\u8d1d","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"4\u3001\u4ec0\u4e48\u662f\u6d45\u62f7\u8d1d\uff1f\u5982\u4f55\u5b9e\u73b0\u6d45\u62f7\u8d1d\uff1f\u4ec0\u4e48\u662f\u6df1\u62f7\u8d1d\uff1f\u5982\u4f55\u5b9e\u73b0\u6df1\u62f7\u8d1d\uff1f"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,"\u6d45\u62f7\u8d1d"),a.a.createElement("p",null,"\u53ea\u590d\u5236\u6307\u5411\u67d0\u4e2a\u5bf9\u8c61\u7684\u6307\u9488\uff0c\u800c\u4e0d\u590d\u5236\u5bf9\u8c61\u672c\u8eab\uff0c\u65b0\u65e7\u5bf9\u8c61\u8fd8\u662f\u5171\u4eab\u540c\u4e00\u5757\u5185\u5b58"),a.a.createElement("p",null,a.a.createElement("strong",null,"\u8d4b\u503c\u548c\u6d45\u62f7\u8d1d\u7684\u533a\u522b")),a.a.createElement("p",null,"\u5f53\u6211\u4eec\u628a\u4e00\u4e2a\u5bf9\u8c61\u8d4b\u503c\u7ed9\u4e00\u4e2a\u65b0\u7684\u53d8\u91cf\u65f6\uff0c\u8d4b\u7684\u5176\u5b9e\u662f\u8be5\u5bf9\u8c61\u7684\u5728\u6808\u4e2d\u7684\u5730\u5740\uff0c\u800c\u4e0d\u662f\u5806\u4e2d\u7684\u6570\u636e\u3002\u4e5f\u5c31\u662f\u4e24\u4e2a\u5bf9\u8c61\u6307\u5411\u7684\u662f\u540c\u4e00\u4e2a\u5b58\u50a8\u7a7a\u95f4\uff0c\u65e0\u8bba\u54ea\u4e2a\u5bf9\u8c61\u53d1\u751f\u6539\u53d8\uff0c\u5176\u5b9e\u90fd\u662f\u6539\u53d8\u7684\u5b58\u50a8\u7a7a\u95f4\u7684\u5185\u5bb9\uff0c\u56e0\u6b64\uff0c\u4e24\u4e2a\u5bf9\u8c61\u662f\u8054\u52a8\u7684"),a.a.createElement("p",null,"\u6d45\u62f7\u8d1d\u662f\u6309\u4f4d\u62f7\u8d1d\u5bf9\u8c61\uff0c",a.a.createElement("strong",null,"\u5b83\u4f1a\u521b\u5efa\u4e00\u4e2a\u65b0\u5bf9\u8c61"),"\uff0c\u8fd9\u4e2a\u5bf9\u8c61\u6709\u7740\u539f\u59cb\u5bf9\u8c61\u5c5e\u6027\u503c\u7684\u4e00\u4efd\u7cbe\u786e\u62f7\u8d1d\u3002\u5982\u679c\u5c5e\u6027\u662f\u57fa\u672c\u7c7b\u578b\uff0c\u62f7\u8d1d\u7684\u5c31\u662f\u57fa\u672c\u7c7b\u578b\u7684\u503c\uff1b\u5982\u679c\u5c5e\u6027\u662f\u5185\u5b58\u5730\u5740\uff08\u5f15\u7528\u7c7b\u578b\uff09\uff0c\u62f7\u8d1d\u7684\u5c31\u662f\u5185\u5b58\u5730\u5740 \uff0c\u56e0\u6b64\u5982\u679c\u5176\u4e2d\u4e00\u4e2a\u5bf9\u8c61\u6539\u53d8\u4e86\u8fd9\u4e2a\u5730\u5740\uff0c\u5c31\u4f1a\u5f71\u54cd\u5230\u53e6\u4e00\u4e2a\u5bf9\u8c61\u3002\u5373\u9ed8\u8ba4\u62f7\u8d1d\u6784\u9020\u51fd\u6570\u53ea\u662f\u5bf9\u5bf9\u8c61\u8fdb\u884c\u6d45\u62f7\u8d1d\u590d\u5236(\u9010\u4e2a\u6210\u5458\u4f9d\u6b21\u62f7\u8d1d)\uff0c",a.a.createElement("strong",null,"\u5373\u53ea\u590d\u5236\u5bf9\u8c61\u7a7a\u95f4\u800c\u4e0d\u590d\u5236\u8d44\u6e90")),a.a.createElement("p",null,"\u4e0b\u9762\u770b\u4e00\u4e2a\u6d45\u62f7\u8d1d\u548c\u8d4b\u503c\u7684\u4f8b\u5b50\uff1a"),a.a.createElement(r["a"],{code:"// \u5bf9\u8c61\u8d4b\u503c\nvar obj1 = {\n  name: 'zhangsan',\n  age: '18',\n  language: [1, [2, 3], [4, 5]],\n};\nvar obj2 = obj1;\nobj2.name = 'lisi';\nobj2.language[1] = ['\u4e8c', '\u4e09'];\nconsole.log('obj1', obj1); //{name:'lisi','age' :  '18','language' : [1,[\"\u4e8c\",\"\u4e09\"],[4,5]],}\nconsole.log('obj2', obj2); //{name:'lisi','age' :  '18','language' : [1,[\"\u4e8c\",\"\u4e09\"],[4,5]],}",lang:"js"}),a.a.createElement(r["a"],{code:"// \u6d45\u62f7\u8d1d\nvar obj1 = {\n  name: 'zhangsan',\n  age: '18',\n  language: [1, [2, 3], [4, 5]],\n};\nvar obj3 = shallowCopy(obj1);\nobj3.name = 'lisi';\nobj3.language[1] = ['\u4e8c', '\u4e09'];\nfunction shallowCopy(src) {\n  var dst = {};\n  for (var prop in src) {\n    if (src.hasOwnProperty(prop)) {\n      dst[prop] = src[prop];\n    }\n  }\n  return dst;\n}\nconsole.log('obj1', obj1); //{name:'zhangsan','age' :  '18','language' : [1,[\"\u4e8c\",\"\u4e09\"],[4,5]],}\nconsole.log('obj3', obj3); //{name:'lisi','age' :  '18','language' : [1,[\"\u4e8c\",\"\u4e09\"],[4,5]],}",lang:"js"}),a.a.createElement("p",null,a.a.createElement("strong",null,"\u6d45\u62f7\u8d1d\u5b9e\u73b0\u65b9\u5f0f")),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("code",null,"Object.assign()"),a.a.createElement("code",null,"Object.assign()")," \u8fdb\u884c\u7684\u662f\u6d45\u62f7\u8d1d\uff0c\u62f7\u8d1d\u7684\u662f\u5bf9\u8c61\u7684\u5c5e\u6027\u7684\u5f15\u7528\uff0c\u800c\u4e0d\u662f\u5bf9\u8c61\u672c\u8eab\uff0c\u62f7\u8d1d\u5bf9\u8c61\u53ea\u6709\u4e00\u5c42\u6570\u636e\u7ed3\u6784\u7684\u65f6\u5019\u662f\u6df1\u62f7\u8d1d"),a.a.createElement("li",null,a.a.createElement("code",null,"Array.prototype.concat()"),"\u3001",a.a.createElement("code",null,"Array.prototype.slice()"),"\u5982\u679c\u6539\u53d8\u7684\u662f\u57fa\u672c\u7c7b\u578b\u7684\u5219\u4e0d\u4f1a\u6539\u53d8\u539f\u6570\u7ec4\uff0c\u5982\u679c\u662f\u5f15\u7528\u7c7b\u578b\u5c31\u4f1a\u6539\u53d8\u539f\u6570\u7ec4"))),a.a.createElement("li",null,a.a.createElement("p",null,"\u6df1\u62f7\u8d1d"),a.a.createElement("p",null,"\u4f46\u6df1\u62f7\u8d1d\u4f1a\u53e6\u5916\u521b\u9020\u4e00\u4e2a\u4e00\u6a21\u4e00\u6837\u7684\u5bf9\u8c61\uff0c\u65b0\u5bf9\u8c61\u8ddf\u539f\u5bf9\u8c61\u4e0d\u5171\u4eab\u5185\u5b58\uff0c\u4fee\u6539\u65b0\u5bf9\u8c61\u4e0d\u4f1a\u6539\u5230\u539f\u5bf9\u8c61"),a.a.createElement("p",null,a.a.createElement("strong",null,"\u6df1\u62f7\u8d1d\u5b9e\u73b0\u65b9\u5f0f")),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"JSON.parse(JSON.stringify())"),"\u8fd9\u79cd\u65b9\u6cd5\u867d\u7136\u53ef\u4ee5\u5b9e\u73b0\u6570\u7ec4\u6216\u5bf9\u8c61\u6df1\u62f7\u8d1d\uff0c\u4f46\u4e0d\u80fd\u5904\u7406\u51fd\u6570\u3002\u4f1a\u5ffd\u7565 ",a.a.createElement("code",null,"undefined")," \u3001 ",a.a.createElement("code",null,"symbol"),"\u3001\u4e0d\u80fd\u5e8f\u5217\u5316\u51fd\u6570\u3001\u4e0d\u80fd\u89e3\u51b3\u5faa\u73af\u5f15\u7528\u7684\u5bf9\u8c61")),a.a.createElement("li",null,a.a.createElement("p",null,"\u624b\u5199\u9012\u5f52\u65b9\u6cd5"),a.a.createElement(r["a"],{code:"//\u7b80\u5355\u7248\nfunction deepClone(obj) {\n  function isObject(o) {\n    return (typeof o === 'object' || typeof o === 'function') && o !== null;\n  }\n\n  if (!isObject(obj)) {\n    throw new Error('\u975e\u5bf9\u8c61');\n  }\n\n  let isArray = Array.isArray(obj);\n  let newObj = isArray ? [...obj] : { ...obj };\n  Reflect.ownKeys(newObj).forEach(key => {\n    newObj[key] = isObject(obj[key]) ? deepClone(obj[key]) : obj[key];\n  });\n\n  return newObj;\n}\n\nlet obj = {\n  a: [1, 2, 3],\n  b: {\n    c: 2,\n    d: 3,\n  },\n};\nlet newObj = deepClone(obj);\nnewObj.b.c = 1;\nconsole.log(obj.b.c); // 2",lang:"js"})),a.a.createElement("li",null,a.a.createElement("p",null,"\u51fd\u6570\u5e93",a.a.createElement("code",null,"lodash"),"\u8be5\u51fd\u6570\u5e93\u4e5f\u6709\u63d0\u4f9b ",a.a.createElement("code",null,"_.cloneDeep")," \u7528\u6765\u505a\u6df1\u62f7\u8d1d"))))),a.a.createElement("p",null,"\u8d4b\u503c\u3001\u6d45\u62f7\u8d1d\u3001\u6df1\u62f7\u8d1d\u7684\u533a\u522b\uff1f"),a.a.createElement("hr",null),a.a.createElement(o["a"],null,a.a.createElement("thead",null,a.a.createElement("tr",null,a.a.createElement("th",null),a.a.createElement("th",null,"\u548c\u539f\u6570\u636e\u662f\u5426\u6307\u5411\u540c\u4e00\u5bf9\u8c61"),a.a.createElement("th",null,"\u7b2c\u4e00\u5c42\u6570\u636e\u4e3a\u57fa\u672c\u6570\u636e\u7c7b\u578b"),a.a.createElement("th",null,"\u539f\u6570\u636e\u4e2d\u5305\u542b\u5b50\u5bf9\u8c61"))),a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,"\u8d4b\u503c"),a.a.createElement("td",null,"\u662f"),a.a.createElement("td",null,"\u6539\u53d8\u4f1a\u4f7f\u539f\u6570\u636e\u4e00\u540c\u6539\u53d8"),a.a.createElement("td",null,"\u6539\u53d8\u4f1a\u4f7f\u539f\u6570\u636e\u4e00\u540c\u6539\u53d8")),a.a.createElement("tr",null,a.a.createElement("td",null,"\u6d45\u62f7\u8d1d"),a.a.createElement("td",null,"\u5426"),a.a.createElement("td",null,"\u6539\u53d8\u4e0d\u4f1a\u4f7f\u539f\u6570\u636e\u4e00\u540c\u6539\u53d8"),a.a.createElement("td",null,"\u6539\u53d8\u4f1a\u4f7f\u539f\u6570\u636e\u4e00\u540c\u6539\u53d8")),a.a.createElement("tr",null,a.a.createElement("td",null,"\u6df1\u62f7\u8d1d"),a.a.createElement("td",null,"\u5426"),a.a.createElement("td",null,"\u6539\u53d8\u4e0d\u4f1a\u4f7f\u539f\u6570\u636e\u4e00\u540c\u6539\u53d8"),a.a.createElement("td",null,"\u6539\u53d8\u4e0d\u4f1a\u4f7f\u539f\u6570\u636e\u4e00\u540c\u6539\u53d8")))),a.a.createElement("hr",null),a.a.createElement("h3",{id:"5\u5982\u4f55\u83b7\u53d6\u4e00\u4e2a-dom-\u5143\u7d20\u7684\u7edd\u5bf9\u5bbd\u9ad8\u7edd\u5bf9\u4f4d\u7f6e"},a.a.createElement(c["AnchorLink"],{to:"#5\u5982\u4f55\u83b7\u53d6\u4e00\u4e2a-dom-\u5143\u7d20\u7684\u7edd\u5bf9\u5bbd\u9ad8\u7edd\u5bf9\u4f4d\u7f6e","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"5\u3001\u5982\u4f55\u83b7\u53d6\u4e00\u4e2a DOM \u5143\u7d20\u7684\u7edd\u5bf9\u5bbd\u9ad8\uff0c\u7edd\u5bf9\u4f4d\u7f6e\uff1f"),a.a.createElement("p",null,"\u539f\u751f JS \u63d0\u4f9b\u4e86\u4e00\u4e2a",a.a.createElement("code",null,"getBoundingClientRect()"),"\u65b9\u6cd5\uff0c\u7528\u4e8e\u83b7\u53d6\u5de6\uff0c\u4e0a\uff0c\u53f3\u548c\u4e0b\u5206\u522b\u76f8\u5bf9\u6d4f\u89c8\u5668\u89c6\u7a97\u7684\u4f4d\u7f6e\u3002"),a.a.createElement(r["a"],{code:"document.getElementById('main').getBoundingClientRect();",lang:"js"}),a.a.createElement("h3",{id:"6promise-\u548c-async-\u5206\u522b\u89e3\u51b3\u4e86\u4ec0\u4e48\u95ee\u9898"},a.a.createElement(c["AnchorLink"],{to:"#6promise-\u548c-async-\u5206\u522b\u89e3\u51b3\u4e86\u4ec0\u4e48\u95ee\u9898","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"6\u3001Promise \u548c async \u5206\u522b\u89e3\u51b3\u4e86\u4ec0\u4e48\u95ee\u9898\uff1f"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("code",null,"Promise"),"\u89e3\u51b3\u4e86\u56de\u8c03\u5730\u72f1\u7684\u95ee\u9898\uff0c",a.a.createElement("code",null,"Promise"),"\u6784\u9020\u51fd\u6570\u662f\u540c\u6b65\u6267\u884c\u7684\uff0c",a.a.createElement("code",null,"then"),"\u662f\u5f02\u6b65\u6267\u884c\u7684"),a.a.createElement("li",null,a.a.createElement("code",null,"async"),"\u662f\u5f02\u6b65\u7684\u7ec8\u6781\u89e3\u51b3\u65b9\u6848")),a.a.createElement("h3",{id:"7callapplybind-\u7684\u533a\u522b"},a.a.createElement(c["AnchorLink"],{to:"#7callapplybind-\u7684\u533a\u522b","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"7\u3001call\u3001apply\u3001bind \u7684\u533a\u522b\uff1f"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,"\u4e09\u8005\u90fd\u53ef\u4ee5\u6539\u53d8\u51fd\u6570\u7684 ",a.a.createElement("code",null,"this")," \u5bf9\u8c61\u6307\u5411")),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"call"),"\u548c",a.a.createElement("code",null,"apply"),"\u90fd\u662f\u7acb\u5373\u6267\u884c\uff0c",a.a.createElement("code",null,"call"),"\u7684\u53c2\u6570\u662f\u4e00\u4e2a\u4e00\u4e2a\u7684\u4f20\uff0c",a.a.createElement("code",null,"apply"),"\u7684\u53c2\u6570\u662f\u4e00\u4e2a\u6570\u7ec4")),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"bind"),"\u7ed1\u5b9a",a.a.createElement("code",null,"this"),"\u4e4b\u540e\u8fd4\u56de\u4e00\u4e2a\u65b0\u6570\u7ec4,\u4e0d\u7ba1\u6211\u4eec\u7ed9\u51fd\u6570 ",a.a.createElement("code",null,"bind")," \u51e0\u6b21\uff0c\u51fd\u6570\u4e2d\u7684 ",a.a.createElement("code",null,"this")," \u6c38\u8fdc\u7531",a.a.createElement("code",null,"\u7b2c\u4e00\u6b21 bind"),"\u51b3\u5b9a"),a.a.createElement(r["a"],{code:"let o = {\n  a: 1,\n};\nfunction fn(b, c) {\n  console.log(this.a + b + c);\n}\nlet fn1 = fn.bind(o, 2, 3);\nfn1();\nconsole.dir(fn1);",lang:"js"}),a.a.createElement("img",{src:l("/L3G")}),a.a.createElement("p",null,"\u53ef\u4ee5\u770b\u5230",a.a.createElement("code",null,"fn1"),"\u5e76\u4e0d\u662f\u666e\u901a\u51fd\u6570\uff0c\u800c\u662f\u7ed1\u5b9a\u51fd\u6570\uff0c\u6240\u4ee5\u5f53\u6267\u884c\u7ed1\u5b9a\u51fd\u6570\u65f6\uff0c",a.a.createElement("code",null,"this"),"\u6307\u5411\u4e0e\u5f62\u53c2\u5728",a.a.createElement("code",null,"bind"),"\u65b9\u6cd5\u6267\u884c\u65f6\u5df2\u7ecf\u786e\u5b9a\u4e86\uff0c\u65e0\u6cd5\u518d\u6b21\u6539\u53d8")),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"bind")," \u662f\u8fd4\u56de\u7ed1\u5b9a this \u4e4b\u540e\u7684\u51fd\u6570\uff0c\u4fbf\u4e8e\u7a0d\u540e\u8c03\u7528\uff1bapply \u3001call \u5219\u662f\u7acb\u5373\u6267\u884c"))),a.a.createElement("h3",{id:"8mapreducer-\u548c-filter-\u7b49\u9ad8\u9636\u51fd\u6570"},a.a.createElement(c["AnchorLink"],{to:"#8mapreducer-\u548c-filter-\u7b49\u9ad8\u9636\u51fd\u6570","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"8\u3001map\u3001reducer \u548c filter \u7b49\u9ad8\u9636\u51fd\u6570"),a.a.createElement("h3",{id:"9\u8bf7\u6c42\u5934\u90e8-content-type-\u7684\u51e0\u79cd\u7c7b\u578b"},a.a.createElement(c["AnchorLink"],{to:"#9\u8bf7\u6c42\u5934\u90e8-content-type-\u7684\u51e0\u79cd\u7c7b\u578b","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"9\u3001\u8bf7\u6c42\u5934\u90e8 content-type \u7684\u51e0\u79cd\u7c7b\u578b"),a.a.createElement("p",null,"\u4e4b\u524d\u4e00\u76f4\u5206\u4e0d\u6e05\u695a",a.a.createElement("code",null,"post"),"\u8bf7\u6c42\u91cc",a.a.createElement("code",null,"Content-Type"),"\u65b9\u5f0f\uff0c\u5982",a.a.createElement("code",null,"application/x-www-form-urlencoded"),"\u3001",a.a.createElement("code",null,"multipart/form-data"),"\u3002"),a.a.createElement("p",null,"\u4e0b\u9762\u4f1a\u4ecb\u7ecd",a.a.createElement("code",null,"Content-Type"),"\u6709\u54ea\u51e0\u79cd\u3001\u63d2\u4ef6 Postman \u548c RESTClient \u4f7f\u7528\u793a\u4f8b\u3002\u6587\u672b\u8fd8\u4f1a\u4ecb\u7ecd\u5728 PHP \u4e2d CURL \u91cc\u9700\u8981\u6ce8\u610f\u7684\u7ec6\u8282\u3002"),a.a.createElement("p",null,"Http Header \u91cc\u7684 Content-Type \u4e00\u822c\u6709\u8fd9\u4e09\u79cd\uff1a"),a.a.createElement("ol",null,a.a.createElement("li",null,a.a.createElement("code",null,"application/x-www-form-urlencoded"),"\uff1a\u6570\u636e\u88ab\u7f16\u7801\u4e3a\u540d\u79f0/\u503c\u5bf9\u3002\u8fd9\u662f\u6807\u51c6\u7684\u7f16\u7801\u683c\u5f0f\u3002"),a.a.createElement("li",null,a.a.createElement("code",null,"multipart/form-data"),"\uff1a \u6570\u636e\u88ab\u7f16\u7801\u4e3a\u4e00\u6761\u6d88\u606f\uff0c\u9875\u4e0a\u7684\u6bcf\u4e2a\u63a7\u4ef6\u5bf9\u5e94\u6d88\u606f\u4e2d\u7684\u4e00\u4e2a\u90e8\u5206\u3002"),a.a.createElement("li",null,a.a.createElement("code",null,"text/plain"),"\uff1a \u6570\u636e\u4ee5\u7eaf\u6587\u672c\u5f62\u5f0f(text/json/xml/html)\u8fdb\u884c\u7f16\u7801\uff0c\u5176\u4e2d\u4e0d\u542b\u4efb\u4f55\u63a7\u4ef6\u6216\u683c\u5f0f\u5b57\u7b26\u3002postman \u8f6f\u4ef6\u91cc\u6807\u7684\u662f RAW\u3002")),a.a.createElement("p",null,a.a.createElement("code",null,"form"),"\u7684",a.a.createElement("code",null,"enctype"),"\u5c5e\u6027\u4e3a\u7f16\u7801\u65b9\u5f0f\uff0c\u5e38\u7528\u6709\u4e24\u79cd\uff1aapplication/x-www-form-urlencoded \u548c multipart/form-data\uff0c\u9ed8\u8ba4\u4e3a application/x-www-form-urlencoded\u3002"),a.a.createElement("p",null,"\u5f53",a.a.createElement("code",null,"action"),"\u4e3a",a.a.createElement("code",null,"get"),"\u65f6\u5019\uff0c\u6d4f\u89c8\u5668\u7528 ",a.a.createElement("code",null,"x-www-form-urlencoded"),"\u7684\u7f16\u7801\u65b9\u5f0f\u628a ",a.a.createElement("code",null,"form")," \u6570\u636e\u8f6c\u6362\u6210\u4e00\u4e2a\u5b57\u4e32\uff08name1=value1&name2=value2...\uff09\uff0c\u7136\u540e\u628a\u8fd9\u4e2a\u5b57\u4e32\u8ffd\u52a0\u5230 ",a.a.createElement("code",null,"url")," \u540e\u9762\uff0c\u7528?\u5206\u5272\uff0c\u52a0\u8f7d\u8fd9\u4e2a\u65b0\u7684 ",a.a.createElement("code",null,"url\u3002")),a.a.createElement("p",null,"\u5f53",a.a.createElement("code",null,"action"),"\u4e3a",a.a.createElement("code",null,"post"),"\u65f6\u5019\uff0c\u6d4f\u89c8\u5668\u628a form \u6570\u636e\u5c01\u88c5\u5230 http ",a.a.createElement("code",null,"body")," \u4e2d\uff0c\u7136\u540e\u53d1\u9001\u5230 ",a.a.createElement("code",null,"server"),"\u3002 \u5982\u679c\u6ca1\u6709 ",a.a.createElement("code",null,"type=file")," \u7684\u63a7\u4ef6\uff0c\u7528\u9ed8\u8ba4\u7684 ",a.a.createElement("code",null,"application/x-www-form-urlencoded")," \u5c31\u53ef\u4ee5\u4e86\u3002 \u4f46\u662f\u5982\u679c\u6709 ",a.a.createElement("code",null,"type=file")," \u7684\u8bdd\uff0c\u5c31\u8981\u7528\u5230 ",a.a.createElement("code",null,"multipart/form-data")," \u4e86\u3002"),a.a.createElement("p",null,"\u5f53",a.a.createElement("code",null,"action"),"\u4e3a",a.a.createElement("code",null,"post"),"\u4e14",a.a.createElement("code",null,"Content-Type"),"\u7c7b\u578b\u662f",a.a.createElement("code",null,"multipart/form-data"),"\uff0c\u6d4f\u89c8\u5668\u4f1a\u628a\u6574\u4e2a\u8868\u5355\u4ee5\u63a7\u4ef6\u4e3a\u5355\u4f4d\u5206\u5272\uff0c\u5e76\u4e3a\u6bcf\u4e2a\u90e8\u5206\u52a0\u4e0a Content-Disposition(form-data \u6216\u8005 file),Content-Type(\u9ed8\u8ba4\u4e3a text/plain),name(\u63a7\u4ef6 name)\u7b49\u4fe1\u606f\uff0c\u5e76\u52a0\u4e0a\u5206\u5272\u7b26(boundary)"),a.a.createElement("p",null,a.a.createElement(c["Link"],{to:"https://www.cnblogs.com/52fhy/p/5436673.html"},"\u53c2\u8003\u8be5\u7f51\u7ad9")),a.a.createElement("h3",{id:"10\u4ece-200k-\u4e2a\u6570\u636e\u4e2d\u9009\u62e9-10k-\u4e2a\u4e0d\u91cd\u590d\u7684\u6570\u636e\u8003\u8651\u6027\u80fd\u95ee\u9898"},a.a.createElement(c["AnchorLink"],{to:"#10\u4ece-200k-\u4e2a\u6570\u636e\u4e2d\u9009\u62e9-10k-\u4e2a\u4e0d\u91cd\u590d\u7684\u6570\u636e\u8003\u8651\u6027\u80fd\u95ee\u9898","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"10\u3001\u4ece 200K \u4e2a\u6570\u636e\u4e2d\u9009\u62e9 10k \u4e2a\u4e0d\u91cd\u590d\u7684\u6570\u636e\uff0c\u8003\u8651\u6027\u80fd\u95ee\u9898\uff1f"),a.a.createElement(r["a"],{code:"let data = [\n  1,\n  2,\n  3,\n  4,\n  5,\n  67,\n  6,\n  8,\n  5,\n  5,\n  4,\n  9,\n  4,\n  14,\n  3,\n  4,\n  5,\n  5,\n  3,\n  4,\n  0,\n  6,\n  7,\n  789,\n  8,\n  87,\n  7,\n  6,\n  6,\n  78,\n  8,\n  8,\n  7,\n];\nlet arr = new Set();\nlet i = 0;\nwhile (i < 10) {\n  arr.add(data[i]);\n  i++;\n}\nconsole.log(Array.from(arr));",lang:"js"}),a.a.createElement("h3",{id:"11js-\u4fdd\u7559\u5c0f\u6570-\u53bb\u5c3e\u6cd5-\u8fdb\u4e00\u6cd5-\u56db\u820d\u4e94\u5165\u6cd5"},a.a.createElement(c["AnchorLink"],{to:"#11js-\u4fdd\u7559\u5c0f\u6570-\u53bb\u5c3e\u6cd5-\u8fdb\u4e00\u6cd5-\u56db\u820d\u4e94\u5165\u6cd5","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"11\u3001JS \u4fdd\u7559\u5c0f\u6570: \u53bb\u5c3e\u6cd5 \u8fdb\u4e00\u6cd5 \u56db\u820d\u4e94\u5165\u6cd5"),a.a.createElement(r["a"],{code:"/**\n * money \u539f\u59cb\u91d1\u989d\n * precision\uff1a\u7cbe\u5ea6\u8bbe\u7f6e 1\u662f\u7cbe\u786e\u5230\u5206 2\u662f\u7cbe\u786e\u5230\u5143\n * precision_type 1\u662f\u56db\u820d\u4e94\u5165 2\u662f\u53bb\u5c3e\u6cd5 3\u662f\u8fdb\u4e00\u6cd5\n */\n// \u53bb\u5c3e\u6cd5  Math.floor(45.9853 * Math.pow(10, 0)) / Math.pow(10, 0)\n// \u8fdb\u4e00\u6cd5  Math.ceil(45.9853 * Math.pow(10, 2)) / Math.pow(10,2)\n// \u56db\u820d\u4e94\u5165 Math.round(45.9853 * Math.pow(10, 2)) / Math.pow(10, 2)\nfunction moneySwitch(money, precision, precision_type) {\n  let obj = { 1: 'round', 2: 'floor', 3: 'ceil' };\n  let obj1 = { '1': 2, '2': 0 };\n  let result =\n    Math[obj[precision_type]](money * Math.pow(10, obj1[precision])) /\n    Math.pow(10, obj1[precision]);\n  return result;\n}\nconsole.log(moneySwitch(45.9853, 1, 2)); //45.98\nconsole.log(moneySwitch(45.9853, 1, 3)); //45.99\nconsole.log(moneySwitch(45.9853, 2, 2)); //45\nconsole.log(moneySwitch(45.9853, 2, 3)); //46",lang:"js"}),a.a.createElement("h3",{id:"12mouseover-\u548c-mouseenter-\u7684\u533a\u522b\u662f\u4ec0\u4e48"},a.a.createElement(c["AnchorLink"],{to:"#12mouseover-\u548c-mouseenter-\u7684\u533a\u522b\u662f\u4ec0\u4e48","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"12\u3001mouseover \u548c mouseenter \u7684\u533a\u522b\u662f\u4ec0\u4e48\uff1f"),a.a.createElement("p",null,a.a.createElement("code",null,"mouseover"),"\u4f1a\u5192\u6ce1\uff0c"),a.a.createElement("p",null,a.a.createElement("code",null,"mouseenter"),"\u4e0d\u4f1a\u5192\u6ce1 \u3002"),a.a.createElement("p",null,"\u5c31\u662f\u5f53\u8bbe\u5b9a\u4e86\u591a\u4e2a",a.a.createElement("code",null,"div"),"\u7684\u5d4c\u5957\u65f6\uff1b\u5373\u5efa\u7acb\u4e86\u7236\u5b50\u5173\u7cfb\uff0c\u5f53\u7236",a.a.createElement("code",null,"div"),"\u4e0e\u5b50",a.a.createElement("code",null,"div"),"\u5171\u540c\u52a0\u5165\u4e86",a.a.createElement("code",null,"onclick"),"\u4e8b\u4ef6\u65f6\uff0c\u5f53\u89e6\u53d1\u4e86\u5b50",a.a.createElement("code",null,"div"),"\u7684",a.a.createElement("code",null,"onclick"),"\u4e8b\u4ef6\u540e\uff0c\u5b50",a.a.createElement("code",null,"div"),"\u8fdb\u884c\u76f8\u5e94\u7684",a.a.createElement("code",null,"js"),"\u64cd\u4f5c\u3002\u4f46\u662f\u7236",a.a.createElement("code",null,"div"),"\u7684",a.a.createElement("code",null,"onclick"),"\u4e8b\u4ef6\u540c\u6837\u4f1a\u88ab\u89e6\u53d1\u3002\u8fd9\u5c31\u9020\u6210\u4e86\u4e8b\u4ef6\u7684\u591a\u5c42\u5e76\u53d1\uff0c\u5bfc\u81f4\u4e86\u9875\u9762\u6df7\u4e71\u3002\u8fd9\u5c31\u662f\u5192\u6ce1\u4e8b\u4ef6"),a.a.createElement("h3",{id:"13promise-\u7684\u51e0\u79cd\u7c7b\u578b"},a.a.createElement(c["AnchorLink"],{to:"#13promise-\u7684\u51e0\u79cd\u7c7b\u578b","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"13\u3001Promise \u7684\u51e0\u79cd\u7c7b\u578b"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Promise.all"),a.a.createElement("code",null,"Promise.all"),"\u53ef\u4ee5\u5c06\u591a\u4e2a",a.a.createElement("code",null,"Promise"),"\u5b9e\u4f8b\u5305\u88c5\u6210\u4e00\u4e2a\u65b0\u7684 Promise \u5b9e\u4f8b\u3002\u540c\u65f6\uff0c\u6210\u529f\u548c\u5931\u8d25\u7684\u8fd4\u56de\u503c\u662f\u4e0d\u540c\u7684\uff0c\u6210\u529f\u7684\u65f6\u5019\u8fd4\u56de\u7684\u662f\u4e00\u4e2a\u7ed3\u679c\u6570\u7ec4\uff0c\u800c\u5931\u8d25\u7684\u65f6\u5019\u5219\u8fd4\u56de\u6700\u5148\u88ab reject \u5931\u8d25\u72b6\u6001\u7684\u503c"),a.a.createElement("p",null,"\u5177\u4f53\u4ee3\u7801\u5982\u4e0b\uff1a"),a.a.createElement(r["a"],{code:"let p1 = new Promise((resolve, reject) => {\n  resolve('\u6210\u529f\u4e86');\n});\n\nlet p2 = new Promise((resolve, reject) => {\n  resolve('success');\n});\n\nlet p3 = Promse.reject('\u5931\u8d25');\n\nPromise.all([p1, p2])\n  .then(result => {\n    console.log(result); //['\u6210\u529f\u4e86', 'success']\n  })\n  .catch(error => {\n    console.log(error);\n  });\n\nPromise.all([p1, p3, p2])\n  .then(result => {\n    console.log(result);\n  })\n  .catch(error => {\n    console.log(error); // \u5931\u8d25\u4e86\uff0c\u6253\u51fa '\u5931\u8d25'\n  });",lang:"js"}),a.a.createElement("p",null,a.a.createElement("code",null,"Promse.all"),"\u5728\u5904\u7406\u591a\u4e2a\u5f02\u6b65\u5904\u7406\u65f6\u975e\u5e38\u6709\u7528\uff0c\u6bd4\u5982\u8bf4\u4e00\u4e2a\u9875\u9762\u4e0a\u9700\u8981\u7b49\u4e24\u4e2a\u6216\u591a\u4e2a ajax \u7684\u6570\u636e\u56de\u6765\u4ee5\u540e\u624d\u6b63\u5e38\u663e\u793a\uff0c\u5728\u6b64\u4e4b\u524d\u53ea\u663e\u793a loading \u56fe\u6807"),a.a.createElement("p",null,a.a.createElement("strong",null,"\u7279\u522b\u6ce8\u610f"),"\uff1aPromise.all \u83b7\u5f97\u7684\u6210\u529f\u7ed3\u679c\u7684\u6570\u7ec4\u91cc\u9762\u7684\u6570\u636e\u987a\u5e8f\u548c Promise.all \u63a5\u6536\u5230\u7684\u6570\u7ec4\u987a\u5e8f\u662f\u4e00\u81f4\u7684\uff0c\u5373 p1 \u7684\u7ed3\u679c\u5728\u524d\uff0c\u5373\u4fbf p1 \u7684\u7ed3\u679c\u83b7\u53d6\u7684\u6bd4 p2 \u8981\u665a\u3002\u8fd9\u5e26\u6765\u4e86\u4e00\u4e2a\u7edd\u5927\u7684\u597d\u5904\uff1a\u5728\u524d\u7aef\u5f00\u53d1\u8bf7\u6c42\u6570\u636e\u7684\u8fc7\u7a0b\u4e2d\uff0c\u5076\u5c14\u4f1a\u9047\u5230\u53d1\u9001\u591a\u4e2a\u8bf7\u6c42\u5e76\u6839\u636e\u8bf7\u6c42\u987a\u5e8f\u83b7\u53d6\u548c\u4f7f\u7528\u6570\u636e\u7684\u573a\u666f\uff0c\u4f7f\u7528 Promise.all \u6beb\u65e0\u7591\u95ee\u53ef\u4ee5\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898")),a.a.createElement("li",null,a.a.createElement("p",null,a.a.createElement("code",null,"Promise.race")),a.a.createElement("p",null,a.a.createElement("code",null,"Promse.race"),"\u5c31\u662f\u8d5b\u8dd1\u7684\u610f\u601d\uff0c\u610f\u601d\u5c31\u662f\u8bf4\uff0cPromise.race([p1, p2, p3])\u91cc\u9762\u54ea\u4e2a\u7ed3\u679c\u83b7\u5f97\u7684\u5feb\uff0c\u5c31\u8fd4\u56de\u90a3\u4e2a\u7ed3\u679c\uff0c\u4e0d\u7ba1\u7ed3\u679c\u672c\u8eab\u662f\u6210\u529f\u72b6\u6001\u8fd8\u662f\u5931\u8d25\u72b6\u6001")))))}));n["default"]=e=>{var n=a.a.useContext(c["context"]),l=n.demos;return a.a.useEffect((()=>{var n;null!==e&&void 0!==e&&null!==(n=e.location)&&void 0!==n&&n.hash&&c["AnchorLink"].scrollToAnchor(decodeURIComponent(e.location.hash.slice(1)))}),[]),a.a.createElement(m,{demos:l})}},WpQk:function(e,n,l){},bjzW:function(e,n,l){e.exports=l.p+"static/\u6570\u636e\u7c7b\u578b.c11e8988.png"},"dMo/":function(e,n,l){"use strict";var t=l("q1tI"),a=l.n(t),c=l("hKI/"),r=l.n(c);l("WpQk");function o(e,n){return d(e)||E(e,n)||u(e,n)||m()}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,n){if(e){if("string"===typeof e)return i(e,n);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?i(e,n):void 0}}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var l=0,t=new Array(n);l<n;l++)t[l]=e[l];return t}function E(e,n){var l=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var t,a,c=[],r=!0,o=!1;try{for(l=l.call(e);!(r=(t=l.next()).done);r=!0)if(c.push(t.value),n&&c.length===n)break}catch(m){o=!0,a=m}finally{try{r||null==l["return"]||l["return"]()}finally{if(o)throw a}}return c}}function d(e){if(Array.isArray(e))return e}var s=function(e){var n=e.children,l=Object(t["useRef"])(),c=Object(t["useState"])(!1),m=o(c,2),u=m[0],i=m[1],E=Object(t["useState"])(!1),d=o(E,2),s=d[0],p=d[1];return Object(t["useEffect"])((function(){var e=l.current,n=r()((function(){i(e.scrollLeft>0),p(e.scrollLeft<e.scrollWidth-e.offsetWidth)}),100);return n(),e.addEventListener("scroll",n),window.addEventListener("resize",n),function(){e.removeEventListener("scroll",n),window.removeEventListener("resize",n)}}),[]),a.a.createElement("div",{className:"__dumi-default-table"},a.a.createElement("div",{className:"__dumi-default-table-content",ref:l,"data-left-folded":u||void 0,"data-right-folded":s||void 0},a.a.createElement("table",null,n)))};n["a"]=s}}]);