文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

37个JavaScript基本面试问题和解答（建议收藏）

4、在功能块中封装JavaScript源文件的全部内容的重要性和原因是什么？ 这是一种日益普遍的做法，被许多流行的JavaScript库（jQuery，Node.js等）所采用。...如何可靠地测试一个值是否等于NaN？ NaN属性表示“不是数字”的值。这个特殊值是由于一个操作数是非数字的（例如“abc”/ 4）或者因为操作的结果是非数字而无法执行的。...JavaScript中的数字全部用浮点精度处理，因此可能不会总是产生预期的结果。“ 上面提供的示例是演示此问题的经典案例。...例6：“A” - “B”+2输出：NaN说明：在前面的例子中，“A” - “B”产生NaN。但是任何运算符应用于NaN和其他数字操作数仍然会产生NaN。...它比较从左到右，所以3> 2> 1 JavaScript翻译为true> 1. true具有值1，因此它比较1> 1，这是错误的。 33、如何在数组的开头添加元素？最后如何添加一个？

4K10

前端必备，25个最基本的JavaScript面试问题及答案

你如何可靠地测试一个值是否等于 NaN ？ NaN 属性代表一个“不是数字”的值。...——结果是false： console.log(NaN === NaN); // logs "false" 一种半可靠的方法来测试一个数字是否等于 NaN，是使用内置函数 isNaN()，但即使使用...一个更好的解决办法是使用 value !== value，如果值等于NaN，只会产生true。...JavaScript中的数字和浮点精度的处理相同，因此，可能不会总是产生预期的结果。“ 以上所提供的例子就是一个演示了这个问题的典型例子。...例6： "A" - "B" + 2 输出： NaN 说明：参见前一个例子， "A" - "B" 结果为 NaN。但是，应用任何运算符到NaN与其他任何的数字运算对象，结果仍然是 NaN。

1.3K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Avada 主题 The7 主题在线留言邮件无法发送的解决过程

    魏艾斯博客让他安装邮件插件 contact form7 和 contact form CFDB7 也没用，后来经过多次测试终于使用插件搞定了这个问题，而网络上有关这方面的解决方法又都不好用，下面详细说一下解决过程...，老魏把操作方法告诉大家，毕竟太多人在这上面栽跟头了，也不知道如何解决。...提示：from 中的 admin@你的域名，这个邮箱前缀你可以随便起，但是一定要去真实的申请一个企业邮箱，比如如何设置免费网易企业邮箱提到的邮箱，不能扔一个不存在的邮箱地址进去，这样是不好用的。...先设置 QQ 邮箱授权码，在 QQ 邮箱的设置里面操作，生成授权码并记录保存留用。...最后演示成功结果如图： 最后再次感谢@黑克仔的实操，实践出真知，只有动手去做了才能知道整个过程到底是怎么样的，在解决问题中间遇到问题多问度娘和谷歌（如果能上去），网络上很多解决办法都是抄袭，照着去做会失败

    2.6K20

    求职 | 史上最全的web前端面试题汇总及答案

    理解选择器的特殊性很重要，特别是在修复bug的时候，但是要尽量避免使用。 CSS选择器的权重与优先规则 CSS定位方式有哪些?position属性的值有哪些?他们之间的区别是什么?...typeof 的结果是？如果一个变量的值是 NaN，怎么确定？...NaN 是 'not a number' 的缩写，表示 "不是一个数字"，通常会在运算过程中产生： console.log('abc' / 4); console.log(4 * 'a'); 虽然它 "...不是一个数字"，但是 NaN 的 typeof 结果却是 number： console.log(typeof (4 * 'a')); // number NaN 和任何变量都不相等，包括 NaN 自己...此外保持好的编码习惯，避免重复和css、JavaScript代码，多余的HTML标签和属性。 Flash、Ajax各自的优缺点，在使用中如何取舍？

    2.1K10

    《为何NaN在JavaScript中拒绝与自身相等？——揭开特殊值的底层逻辑》

    无论用何种比较方式，NaN与NaN的比较结果永远是false。这一违背直觉的现象，并非语言设计的疏漏，而是数字处理逻辑与错误信号机制深度耦合的结果。...在JavaScript中，NaN属于Number类型，却不代表任何具体数值——它是“非数字”的数字类型值。这种矛盾的属性，注定了它的行为不会遵循常规数值的逻辑。...当运算无法产生有意义的数值结果时，JavaScript会抛出NaN作为“计算失效”的信号。比如试图将字符串“hello”转换为数字，或者进行0除以0这样的数学悖论运算，得到的都是NaN。...不同运算产生的NaN，在底层编码上可能存在细微差异——比如因字符串转换失败产生的NaN，与因数学错误产生的NaN，本质上是同一集合中的不同个体。...对于必须进行的数学运算，可在运算前后添加防御性检测，确保每个步骤的数值有效性。NaN的特性看似是技术细节，实则折射出编程语言设计的哲学：如何在严谨性与易用性之间寻找平衡。

    16700

    【JS进阶】你真的掌握变量和类型了吗

    否则将使用给定的key在全局symbol注册表中创建一个新的symbol。...我们同样可以用一些开源库来处理大整数： node-bignum node-bigint 其实官方也考虑到了这个问题，bigInt类型在es10中被提出，现在Chrome中已经可以使用，使用bigInt可以操作超过最大安全数字的数字...，使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中，而自基本类型则只存在于一行代码的执行瞬间，然后立即被销毁，这意味着我们不能在运行时为基本类型添加属性和方法。...==时，若两侧类型相同，则比较结果和===相同，否则会发生隐式转换，使用==时发生的转换可以分为几种不同的情况（只考虑两侧类型不同）： 1.NaN NaN和其他任何类型比较永远返回false(包括和他自己...8.4 jquery 我们来看看jquery源码中如何进行类型判断： var class2type = {}; jQuery.each( "Boolean Number String Function

    3.5K30

    WordPress表单插件 Contact form 7介绍及拓展高级功能实现和部分表单框架样式

    利用配合MailChimp（国外邮件营销工具）亦可实现邮件订阅功能， 由于Contact Form7插件的强大，也可以实现自动给用户发送邮件（可包含文件附件），配合Contact Form CFDB7插件可记录用户表单填写信息...总结一下配合使用的插件 由于Contact form 7 轻量迷你且免费，所以很多功能的实现需要配合其他辅助插件使用 如下:(不提供插件下载，这些基本后台都可以搜索得到) Contact form 7...Contact form 7进阶操作 Contact form 7插件提供了非常多的内置函数字段以帮助我们拓展功能，我们可以利用这些来收集访客 ip 浏览器ua  提交页面等。...如下图： 上边这一串是 前边所定义的字段，这里插件帮你总结出来，方便你插入标签。...在安装好的contact form7的WordPress中新建表单，然后把下面的表单代码复制进去。 下列的表单为了美观基本上都有自己的css，需要你引入到使用的页面。

    3.9K40

    Go 每日一库之 go-cmp

    , cmp.Equal(u1, u2)) } 上面的例子中，我们将==与cmp.Equal放在一起做个比较： 在指针类型的字段Contact未设置时，u1 == u2和cmp.Equal(u1, u2..., cmp.Equal(u1, u2, cmpopts.IgnoreUnexported(User{}))) 我们在cmp.Equal()的调用中添加了选项cmpopts.IgnoreUnexported..., cmp.Equal(u1, u2, cmp.AllowUnexported(User{}))) 浮点数比较 我们知道，计算机中浮点数的表示是不精确的，如果涉及到运算，可能会产生误差累计。...有时，我们要自定义比较操作的类型定义在第三方包中，这样就无法给它定义Equal方法。这时，我们就可以采用自定义Comparer的方式。...转换值 上面我们介绍了如何使用自定义Equal()方法和Comparer比较器的方式来实现 IP 地址的比较。

    2.2K30

    javascript你必须知道的面试题

    javascript你必须知道的面试题 ? 1、使用 typeof bar === "object" 判断 bar 是不是一个对象有神马潜在的弊端？如何避免这种弊端？...，在 ES6 之前，JavaScript 只有函数作用域，所以 func 中的 IIFE 有自己的独立作用域，并且它能访问到外部作用域中的 self，所以第三个输出会报错，因为 this 在可访问到的作用域内是...IIFE 有两个比较经典的使用场景，一是类似于在循环中定时输出数据项，二是类似于 JQuery/Node 的插件和模块开发。...，会被转换成数字 console.log(typeof '3'); // string console.log(typeof +'3'); //number 同样，可以在数字前添加 ''，将数字转为字符串...2、 console.log(typeof 3); // number console.log(typeof (''+3)); //string 对于运算结果不能转换成数字的，将返回 NaN console.log

    86120

    JS进阶 你真的掌握变量和类型了吗

    否则将使用给定的key在全局symbol注册表中创建一个新的symbol。...我们同样可以用一些开源库来处理大整数： node-bignum node-bigint 其实官方也考虑到了这个问题，bigInt类型在es10中被提出，现在Chrome中已经可以使用，使用bigInt可以操作超过最大安全数字的数字...，使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中，而自基本类型则只存在于一行代码的执行瞬间，然后立即被销毁，这意味着我们不能在运行时为基本类型添加属性和方法。...==时，若两侧类型相同，则比较结果和===相同，否则会发生隐式转换，使用==时发生的转换可以分为几种不同的情况（只考虑两侧类型不同）： 1.NaN NaN和其他任何类型比较永远返回false(包括和他自己...image 8.4 jquery 我们来看看jquery源码中如何进行类型判断： var class2type = {}; jQuery.each( "Boolean Number String Function

    3K30

    按持续时间偏移的日期时间

    传播评估任一操作数时引发的错误。 数值差异 使用减法运算符计算两个数字之间的差值，产生一个数字。...结果的标度是两个操作数的标度中较大的一个。 时长差异 两个持续时间的差值是表示每个持续时间所代表的 100 纳秒滴答数之差的持续时间。...在这里，日期时间代表任何的date，datetime，datetimezone，或time。通过减去ufrom产生的持续时间在添加到 时t必须产生。...传播评估任一操作数时引发的错误。 数积 使用乘法运算符计算两个数字的乘积，产生一个数字。...下表列出了非零有限值、零、无穷大和 NaN 的所有可能组合的结果。在表中，x和y是正的有限值。z是 的结果x * y。如果结果对于目标类型来说太大，z则为无穷大。

    4.2K20

    JavaScript基础教程

    其中jQuery的使用非常广泛，它大幅简化了DOM和Ajax，已经成为了很多网站的标配。...分号 JavaScript中的分号是可选的。但省略（分号）可能会带来意想不到的结果，所以我建议还是写上分号。 正如上面所看到的，分号作为语句的结尾，但语句块不需要。...因此，下面全是合法的标识符： arg0 _tmp $elem π 注意：首字符不能是数字，如果是数字的话，该如何区分是数字还是变量呢？...六、数字 JavaScript中的所有数字都是浮点型（虽然大部分的JavaScript引擎内部也使用整数）。至于为什么这样设计，查看这里（每一个JavaScript开发者应该了解的浮点知识）。...: foo2 is not defined 深入阅读 揭秘javascript中谜一样的this JavaScript中的this关键字 十二、变量作用域和闭包 在JavaScript中，你必须使用变量之前

    3.2K20

    2022高频前端面试题合集之JavaScript篇（中）

    102. ['1', '2', '3'].map(parseInt) 结果是什么，为什么 （字节） 参考答案： [1, NaN, NaN] 解析： 一、为什么会是这个结果？...隐性转换」 当不同数据类型之间进行相互运算，或者当对非布尔类型的数据求布尔值的时候，会发生隐性转换。 预期为数字的时候：算术运算的时候，我们的结果和运算的数都是数字，数据会转换为数字来进行计算。...Array.prototype.concat 方法 Array.prototype.slice 方法 jQuery 中的 .extend：在 jQuery 中，*.extend∗：在∗jQuery∗中...如何在 jquery 上扩展插件，以及内部原理（腾讯） 参考答案： 通过 $.extend(object); 为整个 jQuery 类添加新的方法。...180. jquery 事件委托 参考答案： 在 jquery 中使用 on 来绑定事件的时候，传入第二个参数即可。

    2.7K10

    js检查是否是数组

    return Object.prototype.toString.call(obj) === '[object Array]'; } }; 如果你使用jQuery，可以使用jQuery.isArray...这是规范中的一个错误，一直回到JavaScript的设计开始，关于这个介绍可以查看我的这篇文章( typeof JavaScript基础：typeof null 为什么返回”object”)。...0}], [Infinity], [NaN] ] // 实际结果: [ [], [1,2,3], [null], [undefined], [{}], [{length: 0}], [Infinity...], [NaN], {__proto__: Array.prototype} ] 接下来我们再看一个例子，我们创造一个恶意修改像数组的对象来达到通过测试的目的，将对象的__proto__改成数组的Array.prototype...我个人认为开发者应该鼓励用户使用新版的浏览器，来避免产生一些不必要的麻烦， 并且如果支持旧的JS版本意味着支持旧浏览器意味着鼓励使用不安全的软件也会让用户面临软件带来的安全风险。

    4.9K71

    前端开发面试题总结之——JAVASCRIPT.One

    stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储； 引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定,如果存储在栈中，将会影响程序运行的性能；引用数据类型在栈中存储了指针...当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。 JavaScript 如何实现继承？...闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环） jQuery 中如何将数组转化为 json 字符串，然后再转化回来？...jQuery.extend(object);　//为jQuery类添加类方法，可以理解为添加静态方法 jQuery.extend({ min: function(a, b) { return a 在开始循环的时候设置一个变量来存储这个数字，可以让循环跑得更快： for (var i = size, length = arr.length; i < length; i++)

    1.3K10

    ES7、ES8、ES9、ES10、ES11、ES12新特性大全！

    ，并且在上一行已经使用了尾后逗号，你可以仅仅添加新的一行，而不需要修改上一行 5.2 注意 JSON 不允许尾后逗号 5.3 举例 字面量中的尾后逗号 a: 1,b: 2} - 数组 ```js let...6.2 返回值 在原字符串开头填充指定的填充字符串直到目标长度所形成的新字符串。...7.2 返回值 返回在原字符串末尾填充指定的填充字符串直到目标长度所形成的新字符串。...可以通过 window、self 取到全局对象，在 node.js 中，必须使用 global。...可以用来表示任意大的整数 4.1 如何定义一个 BigInt 在一个整数字面量后面加 n，例如 10n 调用函数 BigInt() 并传递一个整数值或字符串值，例如 BigInt(10) 4.2 BigInt

    68210

    javascript数组常用函数与实战总结

    前言 在node.js后端开发过程中，数组这种数据类型（Object类型）再常见不过，本文主要介绍数组的一些常见函数，以及在实战开发过程中能更好的操作数组的lodash包。...); console.log(arrayChange) //返回的结果就是数组改变后的长度：3 console.log(arrayChange.length)//undefined 向数组头部添加值 unshift...shift用法基本相同 说明：注意使用pop获取数组最后一个元素的时候，同时会删除掉数组的最后一个元素；使用shift获取数组最后一个元素的时候，同时会删除掉数组的最后一个元素，二者都是返回的那个元素的值...indexOf 说明： 用于在字符串和数组中找到目标的索引 在字符串中使用的话会转换类型为 "hello1".indexOf(1) //结果5 在数组中使用不会转换类型 [1,2,3,"4"].indexOf...lodash中的函数，在使用的时候需要先 const _ = require('lodash'); 一道面试题: 给定任意非负整数，反复累加各位数字直到结果为个位数为止。

    1.3K20

    Python超级明星WEB框架Flask

    在本节课程，我们将主要从以下几个方面讲解Flask框架中的路由： 如何为应用注册路由？ 如何为路由指定其支持的HTTP方法？ 如何匹配动态URL？ 如何对URL中的变量类型进行过滤？...如何理解访问点/endpoint？ 如何为应用设定静态路由？ 如何避免硬编码指向其他视图的URL？ 注册路由 在Flask应用中，路由是指用户请求的URL与视图函数之间的映射。...Flask框架 根据HTTP请求的URL在路由表中匹配预定义的URL规则，找到对应的视图函数， 并将视图函数的执行结果返回WSGI服务器： ? 可见路由表在Flask应用中处于相当核心的位置。...@app.route('/contact')def v_contacts():pass 添加查询参数 ： 使用关键字参数，可以在构造的URL中生成查询串。下面的调用将生成 /contact?...    return ''@app.route('/contact/')def v_contact(name):pass 添加锚点 ：使用_anchor关键字可以为生成的URL

    1.9K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券