【错题记录】JavaScript专项练习（2020.12.05）

1.下面这段JS程序的执行结果是:

var a &＃61; [1,2,3];
var b &＃61; a.slice();
b.push(4);
console.log(a)


解析&＃xff1a;这里是输出a&＃xff0c;答案是[1,2,3]

slice()方法返回新数组&＃xff0c;不会改变原数组。它的参数有两个&＃xff0c;第一个参数start,缺省为0&＃xff0c;第二个参数end,缺省为末尾

2.以上代码&＃xff0c;在浏览器中执行的结果是

var A &＃61; {n:4399
};
var B &＃61; function() {this.n &＃61; 9999
};
var C &＃61; function() {var n &＃61; 8888
};
B.prototype &＃61; A;
C.prototype &＃61; A;
var b &＃61; new B();
var c &＃61; new C();
A.n&＃43;&＃43;;
console.log(b.n);
console.log(c.n);


解析&＃xff1a;

如果不了解new操作符的原理解析&＃xff0c;这里先了解下&＃x1f449;new操作符的原理解析
如果不了解原型/原型链/this指向&＃xff0c;可以在下面博客了解下

this
如何理解JS原型
原型链

具体解析请看原题

3.单例模式

单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问&＃xff0c;从而方便对实例个数的控制并节约系统资源。如果希望在系统中某个类的对象只能存在一个&＃xff0c;单例模式是最好的解决方案。

单例模式的要点有三个&＃xff1b;一是某个类只能有一个实例&＃xff1b;二是它必须自行创建这个实例&＃xff1b;三是它必须自行向整个系统提供这个实例

4.在大数据量场景下&＃xff0c;以下哪种js中字符串连接方式较为高效&＃xff1f;

1.a &＃43;&＃61; b
2.a &＃61; a&＃43;b
3. Array.join()
4. Array.push()


解析&＃xff1a;答案3

以上效率问题仅存在于低版本浏览器ie7-及以下&＃xff0c;现在浏览器基本解决此问题&＃xff1a;

&＃43;的处理机制是&＃xff1a;新建一个临时字符串&＃xff0c;将新字符串赋值为a&＃43;b&＃xff0c;然后返回这个临时字符串并同时销毁原始字符串&＃xff0c;所以字符串连接效率较低。

Array.join() 不会新建临时字符串效率更高

5.this对象的理解

3.在事件中&＃xff0c;this总是指向触发这个事件的对象


在事件中&＃xff0c;this指向触发这个事件的对象&＃xff0c; 特殊的是&＃xff0c;IE中的attachEvent中的this总是指向全局对象Window

所以这句话错误&＃x1f446;

6.下面那些执行结果为true()

a. &＃39;foo&＃39; &＃61;&＃61; new function(){ return String(&＃39;foo&＃39;); };
b. &＃39;foo&＃39; &＃61;&＃61; new function(){ return new String(&＃39;foo&＃39;); };
c. [] &＃61;&＃61; 0
d. ![]
e. !0


解析&＃xff1a;答案 b c e

构造函数始终会返回一个对象&＃xff1a;
情况1&＃xff1a;你写了return {a:xxx} 他就会返回你定义的这个对象
情况2&＃xff1a;你没写return或者你return a 一个基本类型 这两种情况&＃xff08;没写或者return基本类型&＃xff09;它都会默认返回一个对象 a选项返回了一个String
所以构造函数会默认返回一个空对象 b选项返回一个String对象&＃xff08;因为有new 所以是字符串对象&＃xff09;所以构造函数就返回了这个String对象

在 JS 中&＃xff0c;只有 0&＃xff0c;-0&＃xff0c;NaN&＃xff0c;""&＃xff0c;null&＃xff0c;undefined 这六个值转布尔值时&＃xff0c;结果为 false&＃xff0c;至于[]转换为0&＃xff0c;是当[]置于“&＃61;&＃61;"运算符两侧的时候&＃xff0c;将会进行隐式转换