这个数字对于每个女生而言各有不同，但是它其实并不重要，并不会影响我们的计算过程。为了简化计算，我们就假设它为n。接着，我们再进一步简化模型，假设这n个男生排成一队，一个一个地来发起追求。...那么，我们如何来做一个好的决策呢？ 和现实中一样，一种比较聪明的做法是，先和前面的一些男生每个人都相处一段时间，做一个了解，摸清这些男生大概的水平底细之后再认真考虑。...如此一来，这就成了一个数学问题，究竟这个k应该等于多少，才可以使得女生选中所有男生当中最好的那个的概率最大呢？ 所以，我们应该怎么求出这个K呢？ 对于某个固定的K，我们假设最佳配偶出现在了第i的位置。...我们对P(K)的求导，令它等于0，可以求出P(K)最大时 ? 。这里的e就是数学当中经常出现的欧拉常数，也叫自然底数， ? 约等于37%。那么，算到了这个结果，这个问题也就有了答案。...那么你选到最佳配偶的概率达到最大值，它的概率为37%。 虽然有了答案，但是我们并不知道这个答案对不对，但是没关系，我们是程序员，可以用代码来模拟。
我结合我的实际开发，把一些工作中常见的问题和技巧都写了下来，希望能帮助到你们。...且，同样是Json解析，C#还需要提前声明好了Post类，才能通过泛型去解析。...） 布尔值（boolean） 数字（number） 字符串（string） 对象（object） 符号（symbol） 除对象外，其他统称为基本类型 我们用typeof分别看一下值的类型，它返回的是类型的字符串...，造成的影响太大，所以ECMA不会去修复这个bug了，可以说，这个问题将永远不会被修复 我们需要使用符合条件来检测null值的类型： var a = null; (!...这是因为它们都是object的子类型，所以返回的是object 我们知道在JavaScript里“万物皆类型”（并不完全正确），而函数是一等公民，那么函数的返回是什么呢？
这段代码感觉没问题怎么报错了呢？ 这些都是不良编码习惯的征兆。 在这篇文章中，我描述了JavaScript中常见的6种不良编码习惯。重要的是，本文还给出一些可行的建议，如何的摆脱这些坏习惯。...首先，它使你的代码在边缘情况下不太稳定。其次，增加了引入难以重现和修复的bug的机会。 现在咱们实现一个获取对象属性的函数。...JavaScript隐式赋值给它 undefined。 访问不存在的属性 hero.city时，也会返回 undefined。 为什么直接使用 undefined是一个不好习惯？...如果代码库包含许多开发人员的不同编码风格，该怎么办?，这种就像各色人物涂鸦墙。 ? 整个团队和应用程序代码库都需要相同的编码风格，它提高了代码的可读性。...我自己总说:保持代码不变，以后再更新它，但是“以后”意味着永远不会。 这里建议使用 eslint 来规范编码风格。
Web 系统，“修复”它会产生更多的bug，令许多系统无法正常工作” 没错， 为了“向后兼容”， 我们是没法用直接的手段检测出null，下面我将会以比较多的篇幅介绍如何检测null 【注意】： 返回的字符串都是小写的哦...那又怎么会拥有对象才有的方法呢！！？ 没错， 即使是boolean, number, string这种看似单纯地像一张白纸的基本类型， 在幕后也和“对象”有着肮脏的py交易。。。。...首先我要告诉你上面1,2两条已经足以表征undefined和 undeclared的不同了，但很多时候我们仍会搞混，为什么呢？ 因为javascript会 故！意！搞！事！（此处有褒有贬） 1....console.log(NaN === NaN) // false 在所有数值类型中独一无二的逆天特性 在ES6前怎么检测"纯粹"的NaN呢？...javascript你怎么老这样啊！！） 在这里我问大家 1."" "undefined", "null"， "0", 是假值吗？（在判断条件下能被类型转换为false吗） 2.
在js中，this的指向在定义函数的时候是确定不了的，只有在使用这个函数的时候才能确定this的指向。 一般来说在使用时，谁调用的这个函数，函数中的this就指向它。...在js中，this的指向在定义函数的时候是确定不了的，只有在使用这个函数的时候才能确定this的指向。 这样，我稍微能理解点了，简单的来说就是谁调用的这个函数，函数里面的this就指向谁。...可就是这个第十行，怎么就输出了九月了呢。 为什么this会指向window，请注意第10行，传入的是一个函数，me.showName没有括号。...window，那该怎么办呢？...那么上面的箭头函数该如何理解呢。其实是这样，箭头函数没有this，它的this来源于上一个，是继承于外面的环境。
Web 系统，“修复”它会产生更多的bug，令许多系统无法正常工作” 没错， 为了“向后兼容”， 我们是没法用直接的手段检测出null，下面我将会以比较多的篇幅介绍如何检测null 【注意】： 返回的字符串都是小写的哦...那又怎么会拥有对象才有的方法呢！！？ 没错， 即使是boolean, number, string这种看似单纯地像一张白纸的基本类型， 在幕后也和“对象”有着肮脏的py交易。。。。...首先我要告诉你上面1,2两条已经足以表征undefined和 undeclared的不同了，但很多时候我们仍会搞混，为什么呢？ 因为javascript会 故！意！搞！事！（此处有褒有贬） 1....console.log(NaN === NaN) // false 在所有数值类型中独一无二的逆天特性 在ES6前怎么检测”纯粹”的NaN呢？...javascript你怎么老这样啊！！） 在这里我问大家 1.”” “undefined”, “null”， “0”, 是假值吗？
后来我突然想到，如果这个 ref 值的类型就是 undefined 呢？...我试了下： 确实，我那样写是有问题的，如果值的类型本来就是 undefined，Exclude 掉 undefined 后就是 never 了，而人家那种方式就没问题： 于是我就加一下 undefined...对了，那上面那层判断呢？ 这个判断没必要的吧，如果没有 ref，那 Props['ref'] 不就是返回 never 么，没必要单独判断呀？...： 索引类型和 any、never 的处理 然后我又看到了这样一个类型， 先试一下它的功能，传入两个索引类型： 看下结果： 这是些啥啊，谁能看得懂呀。...那这段逻辑具体是怎么用 TS 实现的呢？
本文我先给出this在使用过程中指向的注意点，配合下文示例服用更佳： this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象...，那么this指向的就是上一级的对象 如果一个函数中有this，这个函数中包含多个对象，尽管这个函数是被最外层的对象所调用，this指向的也只是它上一级的对象 this永远指向的是最后调用它的对象，也就是看它执行的时候是谁调用的...解释：这边怎么又指向window了呢？...此时 foo.userName === this.userName === 'Nitx' 当this遇到return时该怎么指向？...如果return返回值是一个对象，则this就指向那个返回的对象，如果return返回值不是一个对象，则this依旧指向new出来的对象实例。
返回结果，完美 2.3 参数又怎么搞阿？...你可以看看下面这个代码 //对一个对象访问它没有的属性值时会返回undefined var obj = {}; obj.malegeji //undefined 这个说明call内部，把我们输入的基础类型都转成了对象...bindFn(); //my name is leelei,I'm undefined years old, undefined 哎呀，忘了传参数，怎么传呢？...因为bind返回的是一个函数，当我们把这个函数当作构造函数来使用，那又会怎样呢？...我的nickName怎么是undefined阿，完了，全完了，我浏览器有问题，我先把谷歌卸了！ 别急，其实是因为当使用new操作符来构造绑定函数的时候，bind会忽略这个传入的第一个参数，为什么？
这就是为什么 typeof null 的返回值是 object。...:typeof_null 但是该提议被无情的否决了，自此 typeof null 终于不再是一个 bug，而是一个 feature，并且永远不会被修复。...那v8具体是如何判断js的数据类型的呢? 简单来说，猜和推导。...然后引擎保存变量的时候既有它的值的信息，也有它的类型信息。然后把整个程序推导出来。 这是其一。...只不过它的重载时间有时可以在编译器确定，有时则要等到运行期的时候才能确定。（例如来自用户输入）我们等它什么时候确定了，再来做JIT之类的事情。
其实，不管 JavaScript 的 this 它好也罢，坏也罢，我觉得了解其指向还是非常重要的，至少能让你少走弯路，少写 bug，也能让你了解这门“奇怪”的语言，从而驾驭它，征服它。...我“荼毒”于应式教育，“笃信“某些概念“只有记死，才能用活”。如果你有时间，有兴趣，那就让我们从例子中体会，死记硬背它，我相信你慢慢会完全理解的。...如果是在面试中，我作为面试官，就会追问：如果我们需要让： console.log(o2.fn()) 输出 o2，该怎么做？...---- 到这里，是否有“融会贯通”的感觉了呢？如果还有困惑，也不要灰心。JavaScript 的 this，需要反复学习，“死记硬背”后才能慢慢体会。...我宽慰自己：也许区别资深和菜鸟工程师的差别，不完全在于回答应试题目的准确率，更在于你怎么思考问题，解决问题吧。
首先，它使你的代码在边缘情况下不太稳定。 其次，增加了引入难以重现和修复的bug的机会。 现在咱们实现一个获取对象属性的函数。...JavaScript隐式赋值给它undefined。 访问不存在的属性hero.city时，也会返回undefined。 为什么直接使用undefined是一个不好习惯？...应该尽量避免从函数返回 null，特别是使用null作为参数调用函数。 一旦null出现在调用堆栈中，就必须在每个可能访问null的函数中检查它的存在，这很容易出错。...如果代码库包含许多开发人员的不同编码风格，该怎么办?，这种就像各色人物涂鸦墙。 整个团队和应用程序代码库都需要相同的编码风格，它提高了代码的可读性。...我自己总说:保持代码不变，以后再更新它，但是“以后”意味着永远不会。 这里建议使用 eslint 来规范编码风格。
首先，它使你的代码在边缘情况下不太稳定。 其次，增加了引入难以重现和修复的bug的机会。 现在咱们实现一个获取对象属性的函数。...JavaScript隐式赋值给它undefined。 访问不存在的属性hero.city时，也会返回undefined。 为什么直接使用undefined是一个不好习惯？...应该尽量避免从函数返回 null，特别是使用null作为参数调用函数。 一旦null出现在调用堆栈中，就必须在每个可能访问null的函数中检查它的存在，这很容易出错。...如果代码库包含许多开发人员的不同编码风格，该怎么办?，这种就像各色人物涂鸦墙。 ? 整个团队和应用程序代码库都需要相同的编码风格，它提高了代码的可读性。...我自己总说:保持代码不变，以后再更新它，但是“以后”意味着永远不会。 这里建议使用 eslint 来规范编码风格。
请开发组尽快修复。 然后测试工程师说：我之前测试过这个页面，为什么上线后就不行了？ 而后端开发者说：前端发送的数据缺少value字段，导致服务端接口出错。...虽然问题已经解决了，但是，我们还需要思考这个问题是怎么产生的。 本来这是一个已经上线好几天的页面，为什么突然出现这个问题？...自己实现 JSON.stringify 理解一个函数的最好方法是自己实现它。...今天我与你分享这个故事，是希望你以后遇到这个问题，知道怎么处理，不要也犯同样的错误。 如果你觉得有用的话，请点赞我，关注我，最后，感谢你的阅读，编程愉快！...如果你看好一个事情，一定是坚持了才能看到希望，而不是看到希望才去坚持。相信我，只要坚持下来，你一定比现在更好！如果你还没什么方向，可以先关注我，这里会经常分享一些前沿资讯，帮你积累弯道超车的资本。
JavaScript 中最小的结构，同学们已知的有什么呢？我想同学们都应该会想到一些东西，比如一些关键字，数字 123，或者 String 字符等等。...那二进制的 5.75 又是怎么表示呢？ 计算机中的二进制表示： 这里有一个浮点数中的老生常谈的 0.1 的浮点数的精度丢失问题，到底是怎么回事呢？我们一起来用二进制来表示看一下是怎么回事吧！...现在知道补位的规则，那如果是一个字符 "A" 我们应该怎么填写这些补位，从而获得 UTF-8 编码呢？...那么 JavaScript 引擎是怎么编译反引号和分解里面的变量的呢？...function foo() { var null = 0; console.log(null); } 这里就说一下，我们怎么去表示 Undefined 是最安全的呢？
"> Edge PoC stealing undefined variable method 2 很好，我们已经能跨域窃取数据了，但我们还能做什么呢？...而 0x5b22 恰好是一个有效的 JavaScript 变量 =) 你能看懂这是怎么回事吗？ 假设我们有一个来自 Web 服务器的响应，返回一个数组文本，我们便可以控制它的一部分。...它返回了一个带有我们变量名的函数！显然用 UTF-16BE 编码了，它看起来像是这样： function 嬢獵灥牳散牥琢Ⱒ慢挢崊 Waaahat? 那么我们的变量在调用者泄漏了。...我试着通过检查函数的构造函数，以查看是否返回了一个不同的域（也许是 Chrome 扩展程序上下文），从而进一步利用漏洞。...呢？
类该怎么代理呢？ 其实类的本质也是构造函数和原型（对象）组成的，完全可以对其进行代理。 考虑有这么一个需求，需要拦截对属性的访问，以及计算原型上函数的执行时间，这样该怎么去做就比较清晰了。...这时你可能会想到如果使用 Proxy 的 get 方法拦截对属性的访问，这样是不是就可以实现深层取值了呢？ 接下来，我将会带着你一步步实现下面的这个 get 方法。...不设置默认值为空对象就无法继续访问，设置默认值为空对象就会改变返回值。这可该怎么办呢？ 仔细看一下上面的预期设计，是不是发现少了一个括号，这就是为什么每个属性都被当做函数来执行。...和前面的困扰不一样的地方是，这里完全不需要注意 get(undefined).xxx 是否为正确的值，因为想获取值必须要执行才能拿到。...很明显它应该是一个代理了 undefined 后返回的对象。直接这样好不好？
为什么要造轮子 1.为了不求人 假设你使用某个UI框架发现有一个 bug,于是你反馈给开发者，开发者说两周后修复，而你的项目一周后就要上线，你怎么办？...使用 svg-sprite-loader 加载 SVG 在上面我们指定了 Icon 的name为wechat,那怎么让它显示微信的图标呢,首先在阿里的 Iconfont 下载对应的 SVG image.png...svg, 需要在对应的 icon 组件导入对应的 svg,这样要是我需要100个 svg ，我就要导入100次，这样做太傻，文件也会变得冗长。...className : ''}`} 但这种情况如果有多个参数要怎么办呢？...所以有人就非常聪明专门写了一个库存 classnames,这个库有多火呢，每周有300多万的下载量，它的作用就是处理 className 的情况。
当然可以参考我的源码。 这里我也是通过别人学的，主要做些总结及说明造各个轮子的一种思路，方便今后使用别人的的轮子时自己脑中有造轮子的思想，能通过修改源码及时修改 bug，按时上线。...为什么要造轮子 1.为了不求人 假设你使用某个UI框架发现有一个 bug,于是你反馈给开发者，开发者说两周后修复，而你的项目一周后就要上线，你怎么办？...使用 svg-sprite-loader 加载 SVG 在上面我们指定了 Icon 的name为wechat,那怎么让它显示微信的图标呢,首先在阿里的 Iconfont 下载对应的 SVG image.png...className : ''}`} 但这种情况如果有多个参数要怎么办呢？...所以有人就非常聪明专门写了一个库存 classnames,这个库有多火呢，每周有300多万的下载量，它的作用就是处理 className 的情况。
指南的阅读量超过了七千，不过其实当时我对 JavaScript 和 TypeScript 的了解并不深入，把重心更多地放到特定工具上，而没怎么从全局着手。...相关代码：https://github.com/ 开始引入类型 花了 10 个小时使用 console.log 排查问题后，你终于修复了 Cannot read property 'x' of undefined...如果我告诉你，你可以增量迁移到 TypeScript 并立刻从中受益呢？...连接类型 现在已经有类型了，如何搭配 js 文件使用呢？...类型检查升级 修复 95% 以上类型检查错误并确保每个库都有相应的类型定义后，你可以进行最后一步：正式把整个项目的代码迁移到 TypeScript。 注意：我上一篇指南中提到的一些细节这里就不讲了。
领取专属 10元无门槛券
手把手带您无忧上云
