js面试题 隐式转换、原型链分析
作者:互联网
昼猫笔记 – 面试题第二期(2019.1.15)
从今天开始呢,关于Js的干货、还有面试题可能不会达到一天一更,不过我会在间隔的时间找更多的有意思的题分享给大家
一、查看下列代码,请问执行后弹出什么值
var name = "World!";
(function () {
var name;
if (typeof name === 'undefined') {
name = 'Jack';
console.log('Goodbye' + name);
} else {
console.log('hello' + name);
}
})();
分析:
变量声明提升,JS代码分为存储模块和执行模块。
在这里我们应该清楚,当函数内部变量与全局变量同名时 全局变量会被覆盖 因为js是单线程执行var name
当前没有赋值 所以类型为undefined
结果:Goodbye Jack
二、考察Math、call、apply
语句var arr=[a,b,c,d];
执行后,数组arr中每项都是一个整数,下面得到其中最大整数语句正确的是哪几项?(选择多个)
A. Math.max(arr)
B. Math.max(arr[0], arr[1], arr[2], arr[3])
C. Math.max.call(Math, arr[0], arr[1], arr[2], arr[3])
D. Math.max.apply(Math,arr)
分析:
Math.max(args...)
传入参数是任意数量的值
A 传入数组,所以错误
B 可以
C Function.call()
可以传入任意多个参数,C正确
D Function.apply()
第二个参数以数组形式传递,D正确
结果:B、C、D
三、分析代码,最后执行结果为?
var A = {n: 4399};
var B = function(){this.n = 9999};
var C = function(){var n = 8888};
B.prototype = A;
C.prototype = A;
var b = new B();
var c = new C();
A.n++
console.log(b.n);
console.log(c.n);
分析:
这道题主要的用到了原型链,先查看自身是否有,没有找原型,原型也没有找Object,再找不到就是undefined。
这道题中console.log(b.n);
在查找b.n
是首先查找 b 对象自身有没有 n 属性,如果没有会去原型(prototype)上查找
当执行var b = new B()
时,函数内部this.n=9999
(此时this指向 b) 返回b对象,b对象有自身的n属性,所以返回 9999
console.log(c.n);
同理,当执行var c = new C()
时,c对象没有自身的n属性,向上查找,找到原型 (prototype)上的 n 属性,因为 A.n++(此时对象A中的n为4400), 所以返回4400
结果:9999 4400
四、代码之后,arr的值是多少
var arr=[{a:1},{}];
arr.forEach(function(item,idx){
item.b=idx;
});
分析:
forEach()
方法是对数组中的每一项运行给定函数,回调函数的参数item
为数组当前项,idx
为当前索引。
这道题就是把数组每一项添加属性 b,并且属性 b 的值为当前项的数组索引值。
还有就是,forEach()
方法没有返回值,所以不能将 arr.foreach()
像其他数组迭代方法那样赋值给某一个变量。
结果:[{a:1,b:0},{b:1}]
五、函数定义方式
下列选项中,关于 js 函数定义方式,正确的是
A. function add(a,b){return a+b;} 函数表达式
B. var add=new Function(‘a’,’b’,’return a+b’) 函数表达式
C. function add(a,b){return a+b;} 函数声明
D. var add=function(a,b){return a+b;} 函数声明
E. var add=new Function(‘a’,’b’,’return a+b’); 函数声明
分析:
js函数定义的几种方式
定义方法 | 代码块 |
---|---|
函数声明 | function sum(a,b){ return a+b } |
函数表达式 | var sum = function(a,b){ return a+b } |
构造函数 | var sum = new Function('a','b','return a+b')//不推荐使用,影响函数解析性能 |
六、this指向
以下代码输出结果为?
var myObject = {
foo: "bar",
func: function() {
var self = this;
console.log(this.foo);
console.log(self.foo);
(function() {
console.log(this.foo);
console.log(self.foo);
}());
}
};
myObject.func();
分析:
这道理的关键就在于,方法/函数是由谁调用的,那么其内部的this
就指向谁
首先func
是由myObject
调用的,this
指向 myObject
。
又因为var self = this;
所以self
指向myObject
。
这个立即执行匿名函数表达式是由window调用的,this
指向 window 。
立即执行匿名函数的作用域处于myObject.func
的作用域中,在这个作用域找不到self
变量,沿着作用域链向上查找self
变量,找到了指向 myObject
对象的self
。
所处域 | this 指向 |
---|---|
window |
window |
普通函数 | window |
构造函数 | 指向类的实例对象 |
定时器 | window |
自调用函数 | windown |
结果:bar bar undefined bar
七、观察下列代码输出什么?
假设 output
是一个函数,输出一行文本。下面的语句输出结果是什么?
output(
typeof (function() {
output(“Hello World!”)
})()
);
分析:
在这里先提前说下,任何函数执行完一次,如果没有return
返回值和声明变量,都会立即消失。
这段代码的执行流程是,先立即执行匿名自调用函数,输出Hello World!
,函数执行后无返回值,则输出未定义
结果:Hello World! undefined
八、下列代码显示结果是
var x = new Boolean(false);
if (x) {
alert('hi');
}
var y = Boolean(0);
if (y) {
alert('hello');
}
分析:
这道题考察了JS的类型转换,这里的var x
是一个对象,任何对象转为布尔值,都为得到 true。
题目的第二部分,一定要注意 y = Boolean(0)
,而不是 y = new Boolean(0)
。这两个有很大区别,用 new 调用构造函数会新建一个布尔对象,此处没有加 new,进行的是显示类型转换,所以就是false
结果:hi
九、假设val已经声明,可定义为任何值。则下面js代码有可能输出的结果为:
console.log('Value is ' + (val != '0') ? 'define' : 'undefine');
分析:
这道题考察了运算符的优先级,加号优先级高于三目运算。低于括号。 所以括号中无论真假 加上前边的字符串都为 true
三目运算为true
是输出define
结果:Value is define
十、BOM考察
以下关于History对象的属性或方法描述正确的是( )
A. go表示刷新当前页面。
B. back回到浏览器载入历史URL地址列表的当前URL的前一个URL。
C. forward转到浏览器载入历史URL地址列表的当前URL的下一个URL。
D. length保存历史URL地址列表的长度信息。
分析:
属性 | 含义 |
---|---|
length |
返回浏览器历史列表中的URL数量 |
back() |
加载 history 列表中的前一个URL |
forward() |
加载 history 列表中的下一个URL |
go() |
加载history列表中的某个具体页面。 |
公众号传送门 昼猫笔记
标签:function,面试题,console,函数,链分析,arr,js,var,new 来源: https://blog.csdn.net/weixin_44176774/article/details/86498996