js基础面试题221240道题目

　　221。什么是假值对象？
　　参考答案：浏览器在某些特定情况下，在常规JavaScript语法基础上自己创建了一些外来值，这些就是假值对象。假值对象看起来和普通对象并无二致（都有属性，等等），但将它们强制类型转换为布尔值时结果为false最常见的例子是document。all，它是一个类数组对象，包含了页面上的所有元素，由DOM（而不是JavaScript引擎）提供给JavaScript程序使用。
　　222。操作符的作用？
　　参考答案：返回2的补码，并且会将数字转换为32位整数，因此我们可以使用来进行取整操作。x大致等同于（x1）。
　　223。解析字符串中的数字和将字符串强制类型转换为数字的返回结果都是数字，它们之间的区别是什么？
　　参考答案：解析允许字符串（如parseInt（））中含有非数字字符，解析按从左到右的顺序，如果遇到非数字字符就停止。而转换（如Number（））不允许出现非数字字符，否则会失败并返回NaN。
　　224。操作符什么时候用于字符串的拼接？
　　参考答案：根据ES5规范11。6。1节，如果某个操作数是字符串或者能够通过以下步骤转换为字符串的话，将进行拼接操作。如果其中一个操作数是对象（包括数组），则首先对其调用ToPrimitive抽象操作，该抽象操作再调用〔〔DefaultValue〕〕，以数字作为上下文。如果不能转换为字符串，则会将其转换为数字类型来进行计算。简单来说就是，如果的其中一个操作数是字符串（或者通过以上步骤最终得到字符串），则执行字符串拼接，否则执行数字加法。那么对于除了加法的运算符来说，只要其中一方是数字，那么另一方就会被转为数字。
　　225。什么情况下会发生布尔值的隐式强制类型转换？
　　参考答案：（1）if（。。）语句中的条件判断表达式。（2）for（。。；。。；。。）语句中的条件判断表达式（第二个）。（3）while（。。）和do。。while（。。）循环中的条件判断表达式。（4）？：中的条件判断表达式。（5）逻辑运算符（逻辑或）和（逻辑与）左边的操作数（作为条件判断表达式）。
　　226。和操作符的返回值？
　　参考答案：和首先会对第一个操作数执行条件判断，如果其不是布尔值就先进行ToBoolean强制类型转换，然后再执行条件判断。对于来说，如果条件判断结果为true就返回第一个操作数的值，如果为false就返回第二个操作数的值。则相反，如果条件判断结果为true就返回第二个操作数的值，如果为false就返回第一个操作数的值。和返回它们其中一个操作数的值，而非条件判断的结果
　　227。Symbol值的强制类型转换？
　　参考答案：ES6允许从符号到字符串的显式强制类型转换，然而隐式强制类型转换会产生错误。Symbol值不能够被强制类型转换为数字（显式和隐式都会产生错误），但可以被强制类型转换为布尔值（显式和隐式结果都是true）。
　　228。操作符的强制类型转换规则？
　　参考答案：（1）字符串和数字之间的相等比较，将字符串转换为数字之后再进行比较。（2）其他类型和布尔类型之间的相等比较，先将布尔值转换为数字后，再应用其他规则进行比较。（3）null和undefined之间的相等比较，结果为真。其他值和它们进行比较都返回假值。（4）对象和非对象之间的相等比较，对象先调用ToPrimitive抽象操作后，再进行比较。（5）如果一个操作值为NaN，则相等比较返回false（NaN本身也不等于NaN）。（6）如果两个操作值都是对象，则比较它们是不是指向同一个对象。如果两个操作数都指向同一个对象，则相等操作符返回true，否则，返回false。
　　详细资料可以参考：《JavaScript字符串间的比较》
　　229。如何将字符串转化为数字，例如12。3b？
　　参考答案：（1）使用Number（）方法，前提是所包含的字符串不包含不合法字符。（2）使用parseInt（）方法，parseInt（）函数可解析一个字符串，并返回一个整数。还可以设置要解析的数字的基数。当基数的值为0，或没有设置该参数时，parseInt（）会根据string来判断数字的基数。（3）使用parseFloat（）方法，该函数解析一个字符串参数并返回一个浮点数。（4）使用操作符的隐式转换，前提是所包含的字符串不包含不合法字符。
　　详细资料可以参考：《详解JS中Number（）、parseInt（）和parseFloat（）的区别》
　　230。如何将浮点数点左边的数每三位添加一个逗号，如12000000。11转化为12，000，000。11？
　　参考答案：方法一functionformat（number）｛returnnumbernumber。replace（（？！）（？（d｛3｝）。）g，，）；｝方法二functionformat1（number）｛returnIntl。NumberFormat（）。format（number）｝方法三functionformat2（number）｛returnnumber。toLocaleString（en）｝
　　231。常用正则表达式
　　参考答案：（1）匹配16进制颜色值varregex（〔09afAF〕｛6｝〔09afAF〕｛3｝）g；（2）匹配日期，如yyyymmdd格式varregex〔09〕｛4｝（0〔19〕1〔02〕）（0〔19〕〔12〕〔09〕3〔01〕）；（3）匹配qq号varregex〔19〕〔09〕｛4，10｝g；（4）手机号码正则varregex1〔34578〕d｛9｝g；（5）用户名正则varregex〔azAZ〕〔azAZ09〕｛4，16｝；
　　详细资料可以参考：《前端表单验证常用的15个JS正则表达式》《JS常用正则汇总》
　　232。生成随机数的各种方法？
　　参考答案：
　　《JS生成随机数的方法汇总（不同范围、类型的随机数）》
　　233。如何实现数组的随机排序？
　　参考答案：（1）使用数组sort方法对数组元素随机排序，让Math。random（）出来的数与0。5比较，如果大于就返回1交换位置，如果小于就返回1，不交换位置。functionrandomSort（a，b）｛returnMath。random（）0。5？1：1；｝缺点：每个元素被派到新数组的位置不是随机的，原因是sort（）方法是依次比较的。（2）随机从原数组抽取一个元素，加入到新数组functionrandomSort（arr）｛varresult〔〕；while（arr。length0）｛varrandomIndexMath。floor（Math。random（）arr。length）；result。push（arr〔randomIndex〕）；arr。splice（randomIndex，1）；｝returnresult；｝（3）随机交换数组内的元素（洗牌算法类似）functionrandomSort（arr）｛varindex，randomIndex，temp，lenarr。length；for（index0；indexlen；index）｛randomIndexMath。floor（Math。random（）（lenindex））index；temparr〔index〕；arr〔index〕arr〔randomIndex〕；arr〔randomIndex〕temp；｝returnarr；｝es6functionrandomSort（array）｛letlengtharray。length；if（！Array。isArray（array）length1）return；for（letindex0；indexlength1；index）｛letrandomIndexMath。floor（Math。random（）（lengthindex））index；〔array〔index〕，array〔randomIndex〕〕〔array〔randomIndex〕，array〔index〕〕；｝returnarray；｝
　　详细资料可以参考：《FisherandYates的原始版》《javascript实现数组随机排序？》《JavaScript学习笔记：数组随机排序》
　　234。javascript创建对象的几种方式？
　　参考答案：我们一般使用字面量的形式直接创建对象，但是这种创建方式对于创建大量相似对象的时候，会产生大量的重复代码。但js和一般的面向对象的语言不同，在ES6之前它没有类的概念。但是我们可以使用函数来进行模拟，从而产生出可复用的对象创建方式，我了解到的方式有这么几种：（1）第一种是工厂模式，工厂模式的主要工作原理是用函数来封装创建对象的细节，从而通过调用函数来达到复用的目的。但是它有一个很大的问题就是创建出来的对象无法和某个类型联系起来，它只是简单的封装了复用代码，而没有建立起对象和类型间的关系。（2）第二种是构造函数模式。js中每一个函数都可以作为构造函数，只要一个函数是通过new来调用的，那么我们就可以把它称为构造函数。执行构造函数首先会创建一个对象，然后将对象的原型指向构造函数的prototype属性，然后将执行上下文中的this指向这个对象，最后再执行整个函数，如果返回值不是对象，则返回新建的对象。因为this的值指向了新建的对象，因此我们可以使用this给对象赋值。构造函数模式相对于工厂模式的优点是，所创建的对象和构造函数建立起了联系，因此我们可以通过原型来识别对象的类型。但是构造函数存在一个缺点就是，造成了不必要的函数对象的创建，因为在js中函数也是一个对象，因此如果对象属性中如果包含函数的话，那么每次我们都会新建一个函数对象，浪费了不必要的内存空间，因为函数是所有的实例都可以通用的。（3）第三种模式是原型模式，因为每一个函数都有一个prototype属性，这个属性是一个对象，它包含了通过构造函数创建的所有实例都能共享的属性和方法。因此我们可以使用原型对象来添加公用属性和方法，从而实现代码的复用。这种方式相对于构造函数模式来说，解决了函数对象的复用问题。但是这种模式也存在一些问题，一个是没有办法通过传入参数来初始化值，另一个是如果存在一个引用类型如Array这样的值，那么所有的实例将共享一个对象，一个实例对引用类型值的改变会影响所有的实例。（4）第四种模式是组合使用构造函数模式和原型模式，这是创建自定义类型的最常见方式。因为构造函数模式和原型模式分开使用都存在一些问题，因此我们可以组合使用这两种模式，通过构造函数来初始化对象的属性，通过原型对象来实现函数方法的复用。这种方法很好的解决了两种模式单独使用时的缺点，但是有一点不足的就是，因为使用了两种不同的模式，所以对于代码的封装性不够好。（5）第五种模式是动态原型模式，这一种模式将原型方法赋值的创建过程移动到了构造函数的内部，通过对属性是否存在的判断，可以实现仅在第一次调用函数时对原型对象赋值一次的效果。这一种方式很好地对上面的混合模式进行了封装。（6）第六种模式是寄生构造函数模式，这一种模式和工厂模式的实现基本相同，我对这个模式的理解是，它主要是基于一个已有的类型，在实例化时对实例化的对象进行扩展。这样既不用修改原来的构造函数，也达到了扩展对象的目的。它的一个缺点和工厂模式一样，无法实现对象的识别。嗯我目前了解到的就是这么几种方式。
　　详细资料可以参考：《JavaScript深入理解之对象创建》
　　235。JavaScript继承的几种实现方式？
　　参考答案：我了解的js中实现继承的几种方式有：（1）第一种是以原型链的方式来实现继承，但是这种实现方式存在的缺点是，在包含有引用类型的数据时，会被所有的实例对象所共享，容易造成修改的混乱。还有就是在创建子类型的时候不能向超类型传递参数。（2）第二种方式是使用借用构造函数的方式，这种方式是通过在子类型的函数中调用超类型的构造函数来实现的，这一种方法解决了不能向超类型传递参数的缺点，但是它存在的一个问题就是无法实现函数方法的复用，并且超类型原型定义的方法子类型也没有办法访问到。（3）第三种方式是组合继承，组合继承是将原型链和借用构造函数组合起来使用的一种方式。通过借用构造函数的方式来实现类型的属性的继承，通过将子类型的原型设置为超类型的实例来实现方法的继承。这种方式解决了上面的两种模式单独使用时的问题，但是由于我们是以超类型的实例来作为子类型的原型，所以调用了两次超类的构造函数，造成了子类型的原型中多了很多不必要的属性。（4）第四种方式是原型式继承，原型式继承的主要思路就是基于已有的对象来创建新的对象，实现的原理是，向函数中传入一个对象，然后返回一个以这个对象为原型的对象。这种继承的思路主要不是为了实现创造一种新的类型，只是对某个对象实现一种简单继承，ES5中定义的Object。create（）方法就是原型式继承的实现。缺点与原型链方式相同。（5）第五种方式是寄生式继承，寄生式继承的思路是创建一个用于封装继承过程的函数，通过传入一个对象，然后复制一个对象的副本，然后对象进行扩展，最后返回这个对象。这个扩展的过程就可以理解是一种继承。这种继承的优点就是对一个简单对象实现继承，如果这个对象不是我们的自定义类型时。缺点是没有办法实现函数的复用。（6）第六种方式是寄生式组合继承，组合继承的缺点就是使用超类型的实例做为子类型的原型，导致添加了不必要的原型属性。寄生式组合继承的方式是使用超类型的原型的副本来作为子类型的原型，这样就避免了创建不必要的属性。
　　详细资料可以参考：《JavaScript深入理解之继承》
　　236。寄生式组合继承的实现？
　　参考答案：functionPerson（name）｛this。namename；｝Person。prototype。sayNamefunction（）｛console。log（Mynameisthis。name。）；｝；functionStudent（name，grade）｛Person。call（this，name）；this。gradegrade；｝Student。prototypeObject。create（Person。prototype）；Student。prototype。constructorStudent；Student。prototype。sayMyGradefunction（）｛console。log（Mygradeisthis。grade。）；｝；
　　237。Javascript的作用域链？
　　参考答案：作用域链的作用是保证对执行环境有权访问的所有变量和函数的有序访问，通过作用域链，我们可以访问到外层环境的变量和函数。作用域链的本质上是一个指向变量对象的指针列表。变量对象是一个包含了执行环境中所有变量和函数的对象。作用域链的前端始终都是当前执行上下文的变量对象。全局执行上下文的变量对象（也就是全局对象）始终是作用域链的最后一个对象。当我们查找一个变量时，如果当前执行环境中没有找到，我们可以沿着作用域链向后查找。作用域链的创建过程跟执行上下文的建立有关。。。。
　　详细资料可以参考：《JavaScript深入理解之作用域链》
　　238。谈谈This对象的理解。
　　参考答案：this是执行上下文中的一个属性，它指向最后一次调用这个方法的对象。在实际开发中，this的指向可以通过四种调用模式来判断。1。第一种是函数调用模式，当一个函数不是一个对象的属性时，直接作为函数来调用时，this指向全局对象。2。第二种是方法调用模式，如果一个函数作为一个对象的方法来调用时，this指向这个对象。3。第三种是构造器调用模式，如果一个函数用new调用时，函数执行前会新创建一个对象，this指向这个新创建的对象。4。第四种是apply、call和bind调用模式，这三个方法都可以显示的指定调用函数的this指向。其中apply方法接收两个参数：一个是this绑定的对象，一个是参数数组。call方法接收的参数，第一个是this绑定的对象，后面的其余参数是传入函数执行的参数。也就是说，在使用call（）方法时，传递给函数的参数必须逐个列举出来。bind方法通过传入一个对象，返回一个this绑定了传入对象的新函数。这个函数的this指向除了使用new时会被改变，其他情况下都不会改变。这四种方式，使用构造器调用模式的优先级最高，然后是apply、call和bind调用模式，然后是方法调用模式，然后是函数调用模式。
　　《JavaScript深入理解之this详解》
　　239。eval是做什么的？
　　参考答案：它的功能是把对应的字符串解析成JS代码并运行。应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。
　　详细资料可以参考：《eval（）》
　　240。什么是DOM和BOM？
　　参考答案：DOM指的是文档对象模型，它指的是把文档当做一个对象来对待，这个对象主要定义了处理网页内容的方法和接口。BOM指的是浏览器对象模型，它指的是把浏览器当做一个对象来对待，这个对象主要定义了与浏览器进行交互的法和接口。BOM的核心是window，而window对象具有双重角色，它既是通过js访问浏览器窗口的一个接口，又是一个Global（全局）对象。这意味着在网页中定义的任何对象，变量和函数，都作为全局对象的一个属性或者方法存在。window对象含有location对象、navigator对象、screen对象等子对象，并且DOM的最根本的对象document对象也是BOM的window对象的子对象。
　　详细资料可以参考：《DOM，DOCUMENT，BOM，WINDOW有什么区别？》《Window对象》《DOM与BOM分别是什么，有何关联？》《JavaScript学习总结（三）BOM和DOM详解》