IT公司笔试面试题系列

23.正则表达式构造函数var reg=new RegExp(“xxx”)与正则表达字面量var reg=//有什么不同?匹配邮箱的正则表达式?

答案：当使用RegExp()构造函数的时候，不仅需要转义引号(即\”表示”)，并且还需要双反斜杠(即\\\\表示一个\\)。使用正则表达字面量的效率更高。

邮箱的正则匹配：

24.看下面代码，给出输出结果。

答案：4 4 4。

原因：Javascript事件处理器在线程空闲之前不会运行。追问，如何让上述代码输出1 2 3?

25.写一个function，清除字符串前后的空格。(兼容所有浏览器)

使用自带接口trim()，考虑兼容性：

26.Javascript中callee和caller的作用?

答案：

caller是返回一个对函数的引用，该函数调用了当前函数;

callee是返回正在被执行的function函数，也就是所指定的function对象的正文。

篇5：BAT及各大互联网公司前端笔试面试题：JavaScript篇

BAT及各大互联网公司前端笔试面试题：JavaScript篇

很多面试题是我自己面试BAT亲身经历碰到的，整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。

而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。

前面几题是会很基础，越下越有深度。

初级Javascript：

1.JavaScript是一门什么样的语言，它有哪些特点?

没有标准答案。

2.JavaScript的数据类型都有什么?

基本数据类型：String,boolean,Number,Undefined, Null

引用数据类型：Object(Array,Date,RegExp,Function)

那么问题来了，如何判断某变量是否为数组数据类型?

方法一.判断其是否具有“数组性质”，如slice()方法。可自己给该变量定义slice方法，故有时会失效

方法二.obj instanceof Array 在某些IE版本中不正确

方法三.方法一二皆有漏洞，在ECMA Script5中定义了新方法Array.isArray(), 保证其兼容性，最好的方法如下：

if(typeof Array.isArray===”undefined“)

{

Array.isArray = function(arg){

return Object.prototype.toString.call(arg)===”[object Array]“

};

}

3.已知ID的Input输入框，希望获取这个输入框的输入值，怎么做?(不使用第三方框架)

document.getElementById(“ID”).value

4.希望获取到页面中所有的checkbox怎么做?(不使用第三方框架)

var domList = document.getElementsByTagName(‘input’)

var checkBoxList = [];

var len = domList.length; //缓存到局部变量

while (len--) { //使用while的效率会比for循环更高

if (domList[len].type == ‘checkbox’) {

checkBoxList.push(domList[len]);

}

}

5.设置一个已知ID的DIV的html内容为xxxx，字体颜色设置为黑色(不使用第三方框架)

var dom = document.getElementById(“ID”);

dom.innerHTML = “xxxx”

dom.style.color = “#000”

6.当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做?

直接在DOM里绑定事件：

在JS里通过onclick绑定：xxx.onclick = test

通过事件添加进行绑定：addEventListener(xxx, ‘click’, test)

那么问题来了，Javascript的事件流模型都有什么?

“事件冒泡”：事件开始由最具体的元素接受，然后逐级向上传播

“事件捕捉”：事件由最不具体的节点先接收，然后逐级向下，一直到最具体的

“DOM事件流”：三个阶段：事件捕捉，目标阶段，事件冒泡

7.什么是Ajax和JSON，它们的优缺点。

Ajax是异步JavaScript和XML，用于在Web页面中实现异步数据交互。

优点：

可以使得页面不重载全部内容的情况下加载局部内容，降低数据传输量

避免用户不断刷新或者跳转页面，提高用户体验

缺点：

对搜索引擎不友好

要实现ajax下的前后退功能成本较大

可能造成请求数的增加

跨域问题限制

JSON是一种轻量级的数据交换格式，ECMA的一个子集

优点：轻量级、易于人的阅读和编写，便于机器(JavaScript)解析，支持复合数据类型(数组、对象、字符串、数字)

8.看下列代码输出为何?解释原因。

var a;

alert(typeof a); // undefined

alert(b); // 报错

解释：Undefined是一个只有一个值的数据类型，这个值就是“undefined”，在使用var声明变量但并未对其赋值进行初始化时，这个变量的.值就是undefined，

而b由于未声明将报错。注意未申明的变量和声明了未赋值的是不一样的。

9.看下列代码,输出什么?解释原因。

var a = null;

alert(typeof a); //object

解释：null是一个只有一个值的数据类型，这个值就是null。表示一个空指针对象，所以用typeof检测会返回”object”。

10.看下列代码,输出什么?解释原因。

var undefined;

undefined == null; // true

1 == true; // true

2 == true; // false

0 == false; // true

0 == ”\”; // true

NaN == NaN; // false

[] == false; // true

[] == ![]; // true

undefined与null相等，但不恒等(===)

一个是number一个是string时，会尝试将string转换为number

尝试将boolean转换为number，0或1

尝试将Object转换成number或string，取决于另外一个对比量的类型

所以，对于0、空字符串的判断，建议使用 “===” 。“===”会先判断两边的值类型，类型不匹配时为false。

那么问题来了，看下面的代码，输出什么，foo的值为什么?

var foo = ”11“+2-”1“;

console.log(foo);

console.log(typeof foo);

执行完后foo的值为111，foo的类型为String。

11.看代码给答案。

var a = new Object();

a.value = 1;

b = a;

b.value = 2;

alert(a.value);

答案：2(考察引用数据类型细节)

12.已知数组var stringArray = [“This”, “is”, “Baidu”, “Campus”]，Alert出”This is Baidu Campus”。

答案：alert(stringArray.join(“”))

已知有字符串foo=”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById”。

function combo(msg){

var arr=msg.split(”-“);

for(var i=1;i

arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);

}

msg=arr.join(”“);

return msg;

}

(考察基础API)

13.var numberArray = [3,6,2,4,1,5]; (考察基础API)

1) 实现对该数组的倒排，输出[5,1,4,2,6,3]

2) 实现对该数组的降序排列，输出[6,5,4,3,2,1]

function combo(msg){

var arr=msg.split(”-“);

for(var i=1;i

arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);

}

msg=arr.join(”“);

return msg;

}

14.输出今天的日期，以YYYY-MM-DD的方式，比如今天是209月26日，则输出2014-09-26

var d = new Date();

// 获取年，getFullYear()返回4位的数字

var year = d.getFullYear();

// 获取月，月份比较特殊，0是1月，11是12月

var month = d.getMonth() + 1;

// 变成两位

篇6：BAT及各大互联网公司前端笔试面试题：JavaScript篇

初级Javascript：

1.JavaScript是一门什么样的语言，它有哪些特点？

没有标准答案，

2.JavaScript的数据类型都有什么？

基本数据类型：String,boolean,Number,Undefined, Null

引用数据类型：Object(Array,Date,RegExp,Function)

那么问题来了，如何判断某变量是否为数组数据类型？

方法一.判断其是否具有“数组性质”，如slice方法。可自己给该变量定义slice方法，故有时会失效

方法二.obj instanceof Array 在某些IE版本中不正确

方法三.方法一二皆有漏洞，在ECMA Script5中定义了新方法Array.isArray(), 保证其兼容性，最好的方法如下：

JavaScript代码

if(typeof Array.isArray===”undefined“)

{

Array.isArray = function(arg){

return Object.prototype.toString.call(arg)===”[object Array]“

};

}

3.已知ID的Input输入框，希望获取这个输入框的输入值，怎么做？(不使用第三方框架)

JavaScript代码

document.getElementById(“ID”).value

4.希望获取到页面中所有的checkbox怎么做？(不使用第三方框架)

JavaScript代码

var domList = document.getElementsByTagName(‘input’)

var checkBoxList = [];

var len = domList.length; //缓存到局部变量

while (len--) { //使用while的效率会比for循环更高

if (domList[len].type == ‘checkbox’) {

checkBoxList.push(domList[len]);

}

}

5.设置一个已知ID的DIV的html内容为xxxx，字体颜色设置为黑色(不使用第三方框架)

JavaScript代码

var dom = document.getElementById(“ID”);

dom.innerHTML = “xxxx”

dom.style.color = “#000”

6.当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做？

直接在DOM里绑定事件：

在JS里通过onclick绑定：xxx.onclick = test

通过事件添加进行绑定：addEventListener(xxx, ‘click’, test)

那么问题来了，Javascript的事件流模型都有什么？

“事件冒泡”：事件开始由最具体的元素接受，然后逐级向上传播

“事件捕捉”：事件由最不具体的节点先接收，然后逐级向下，一直到最具体的

“DOM事件流”：三个阶段：事件捕捉，目标阶段，事件冒泡

7.什么是Ajax和JSON，它们的优缺点。

Ajax是异步JavaScript和XML，用于在Web页面中实现异步数据交互。

优点：

可以使得页面不重载全部内容的情况下加载局部内容，降低数据传输量

避免用户不断刷新或者跳转页面，提高用户体验

缺点：

对搜索引擎不友好（

要实现ajax下的前后退功能成本较大

可能造成请求数的增加

跨域问题限制

JSON是一种轻量级的数据交换格式，ECMA的一个子集

优点：轻量级、易于人的阅读和编写，便于机器（JavaScript）解析，支持复合数据类型（数组、对象、字符串、数字）

8.看下列代码输出为何？解释原因。

JavaScript代码

var a;

alert(typeof a); // undefined

alert(b); // 报错

解释：Undefined是一个只有一个值的数据类型，这个值就是“undefined”，在使用var声明变量但并未对其赋值进行初始化时，这个变量的值就是undefined。而b由于未声明将报错。注意未申明的变量和声明了未赋值的是不一样的。

9.看下列代码,输出什么？解释原因。

JavaScript代码

var a = null;

alert(typeof a); //object

解释：null是一个只有一个值的数据类型，这个值就是null。表示一个空指针对象，所以用typeof检测会返回”object”。

10.看下列代码,输出什么？解释原因。

JavaScript代码

var undefined;

undefined == null; // true

1 == true;  // true

2 == true;  // false

0 == false;  // true

0 == '';  // true

NaN == NaN;  // false

[] == false; // true

[] == ![];  // true

undefined与null相等，但不恒等（===）

一个是number一个是string时，会尝试将string转换为number

尝试将boolean转换为number，0或1

尝试将Object转换成number或string，取决于另外一个对比量的类型

所以，对于0、空字符串的判断，建议使用 “===” 。“===”会先判断两边的值类型，类型不匹配时为false。

那么问题来了，看下面的代码，输出什么，foo的值为什么？

JavaScript代码

var foo = ”11“+2-”1“;

console.log(foo);

console.log(typeof foo);

执行完后foo的值为111，foo的类型为String。

11.看代码给答案。

JavaScript代码

var a = new Object();

a.value = 1;

b = a;

b.value = 2;

alert(a.value);

答案：2（考察引用数据类型细节）

12.已知数组var stringArray = [“This”, “is”, “Baidu”, “Campus”]，Alert出”This is Baidu Campus”。

答案：alert(stringArray.join(“”))

已知有字符串foo=”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById”。

JavaScript代码

function combo(msg){

var arr=msg.split(”-“);

for(var i=1;i

arr=arr.charAt(0).toUpperCase()+arr.substr(1,arr.length-1);  

}

msg=arr.join(”“);

return msg;

}

(考察基础API)

13.var numberArray = [3,6,2,4,1,5];（考察基础API）

1) 实现对该数组的倒排，输出[5,1,4,2,6,3]

2) 实现对该数组的降序排列，输出[6,5,4,3,2,1]

JavaScript代码

function combo(msg){

var arr=msg.split(”-“);

for(var i=1;i

arr=arr.charAt(0).toUpperCase()+arr.substr(1,arr.length-1);

}

msg=arr.join(”“);

return msg;

}

14.输出今天的日期，以YYYY-MM-DD的方式，比如今天是9月26日，则输出2014-09-26

JavaScript代码

var d = new Date();

// 获取年，getFullYear()返回4位的数字

var year = d.getFullYear();

// 获取月，月份比较特殊，0是1月，11是12月

var month = d.getMonth() + 1;

// 变成两位

month = month < 10 ? '0' + month : month;

// 获取日

var day = d.getDate();

day = day < 10 ? '0' + day : day;

alert(year + '-' + month + '-' + day);

15.将字符串”{$id}{$name}”中的{$id}替换成10，{$name}替换成Tony （使用正则表达式）

答案：”{$id}{$id}_{$name}”.replace(/{\\$id}/g, ’10′).replace(/{\\$name}/g, ‘Tony’);

16.为了保证页面输出安全，我们经常需要对一些特殊的字符进行转义，请写一个函数escapeHtml，将<, >, &, “进行转义

JavaScript代码

function escapeHtml(str) {

return str.replace(/[”&]/g, function(match) {

switch (match) {

case “<”:

return “<”;

case “>”:

return “>”;

case “&”:

return “&”;

case “\””:

return “””;

}

});

}

17.foo = foo||bar ，这行代码是什么意思？为什么要这样写？

答案：if(!foo) foo = bar; //如果foo存在，值不变，否则把bar的值赋给foo。

短路表达式：作为”&&”和”||”操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。

18.看下列代码，将会输出什么?(变量声明提升)

JavaScript代码

var foo = 1;

function(){

console.log(foo);

var foo = 2;

console.log(foo);

}

答案：输出undefined 和 2。上面代码相当于：

JavaScript代码

var foo = 1;

function(){

var foo;

console.log(foo); //undefined

foo = 2;

console.log(foo); // 2;

}

函数声明与变量声明会被JavaScript引擎隐式地提升到当前作用域的顶部，但是只提升名称不会提升赋值部分。

19.用js实现随机选取10C100之间的10个数字，存入一个数组，并排序。

JavaScript代码

var iArray = [];

funtion getRandom(istart, iend){

var iChoice = istart - iend +1;

return Math.floor(Math.random() * iChoice + istart;

}

for(var i=0; i<10; i++){

iArray.push(getRandom(10,100));

}

iArray.sort();

20.把两个数组合并，并删除第二个元素。

JavaScript代码

var array1 = ['a','b','c'];

var bArray = ['d','e','f'];

var cArray = array1.concat(bArray);

cArray.splice(1,1);

21.怎样添加、移除、移动、复制、创建和查找节点（原生JS，实在基础，没细写每一步）

1）创建新节点

createDocumentFragment()    //创建一个DOM片段

createElement()   //创建一个具体的元素

createTextNode()   //创建一个文本节点

2）添加、移除、替换、插入

appendChild()      //添加

removeChild()      //移除

replaceChild()      //替换

insertBefore()      //插入

3）查找

getElementsByTagName()    //通过标签名称

getElementsByName()     //通过元素的Name属性的值

getElementById()        //通过元素Id，唯一性

22.有这样一个URL：item.taobao.com/item.htm?a=1&;b=2&c=&d=xxx&e，请写一段JS程序提取URL中的各个GET参数(参数名和参数个数不确定)，将其按key-value形式返回到一个json结构中，如{a:’1′, b:’2′, c:”, d:’xxx’, e:undefined}。

答案：

JavaScript代码

function serilizeUrl(url) {

var result = {};

url = url.split(“?”)[1];

var map = url.split(“&”);

for(var i = 0, len = map.length; i < len; i++) {

result“google-maps-1” class=“google-maps” style=“width: 100%; height: 200px;”>.split(“=”)[0]] = map.split(“=”)[1];

}

return result;

}

23.正则表达式构造函数var reg=new RegExp(“xxx”)与正则表达字面量var reg=//有什么不同？匹配邮箱的正则表达式？

答案：当使用RegExp()构造函数的时候，不仅需要转义引号（即\”表示”），并且还需要双反斜杠（即\\\\表示一个\\）。使用正则表达字面量的效率更高。

邮箱的正则匹配：

JavaScript代码

var regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/;

24.看下面代码，给出输出结果。

JavaScript代码

for(var i=1;i<=3;i++){

setTimeout(function(){

console.log(i);

},0);

};

答案：4 4 4。

原因：Javascript事件处理器在线程空闲之前不会运行。追问，如何让上述代码输出1 2 3？

JavaScript代码

for(var i=1;i<=3;i++){

setTimeout((function(a){  //改成立即执行函数

console.log(a);

})(i),0);

};

1    //输出

2

3

25.写一个function，清除字符串前后的空格。（兼容所有浏览器）

使用自带接口trim()，考虑兼容性：

PHP代码

if (!String.prototype.trim) {

String.prototype.trim = function() {

return this.replace(/^\\s+/, “”).replace(/\\s+$/,“”);

}

}

// test the function

var str = “ \\t\\n test string ”.trim();

alert(str == “test string”); // alerts “true”

26.Javascript中callee和caller的作用？

答案：

caller是返回一个对函数的引用，该函数调用了当前函数；

callee是返回正在被执行的function函数，也就是所指定的function对象的正文。

那么问题来了？如果一对兔子每月生一对兔子；一对新生兔，从第二个月起就开始生兔子；假定每对兔子都是一雌一雄，试问一对兔子，第n个月能繁殖成多少对兔子？（使用callee完成）

JavaScript代码

var result=[];

function fn(n){  //典型的斐波那契数列

if(n==1){

return 1;

}else if(n==2){

return 1;

}else{

if(result[n]){

return result[n];

}else{

//argument.callee()表示fn()

result[n]=arguments.callee(n-1)+arguments.callee(n-2);

return result[n];

}

}

}

中级Javascript：

1.实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制

考察点1：对于基本数据类型和引用数据类型在内存中存放的是值还是指针这一区别是否清楚

考察点2：是否知道如何判断一个变量是什么类型的

考察点3：递归算法的设计

JavaScript代码

// 方法一：

Object.prototype.clone = function(){

var o = this.constructor === Array ? [] : {};

for(var e in this){

o[e] = typeof this[e] === “object” ? this[e].clone() : this[e];

}

return o;

}

//方法二：

/**

* 克隆一个对象

* @param Obj

* @returns

*/

function clone(Obj) {

var buf;

if (Obj instanceof Array) {

buf = [];        //创建一个空的数组

var i = Obj.length;

while (i--) {

buf = clone(Obj);    

}

return buf;

}else if (Obj instanceof Object){

buf = {};      //创建一个空对象

for (var k in Obj) {    //为这个对象添加新的属性

buf[k] = clone(Obj[k]);

}

return buf;

}else{        //普通变量直接赋值

return Obj;

}

}

2.如何消除一个数组里面重复的元素？

JavaScript代码

var arr=[1,2,3,3,4,4,5,5,6,1,9,3,25,4];

function deRepeat(){

var newArr=[];

var bj={};

var index=0;

var l=arr.length;

for(var i=0;i

if(obj[arr]==undefined)

{

obj[arr]=1;

newArr[index++]=arr;

}

else if(obj[arr]==1)

continue;

}

return newArr;

}

var newArr2=deRepeat(arr);

alert(newArr2); //输出1,2,3,4,5,6,9,25

3.小贤是一条可爱的小狗(Dog)，它的叫声很好听(wow)，每次看到主人的时候就会乖乖叫一声(yelp)。从这段描述可以得到以下对象：

JavaScript代码

function Dog() {

this.wow = function() {

alert(’Wow’);

}

this.yelp = function() {

this.wow();

}

}

小芒和小贤一样，原来也是一条可爱的小狗，可是突然有一天疯了(MadDog)，一看到人就会每隔半秒叫一声(wow)地不停叫唤(yelp)。请根据描述，按示例的形式用代码来实。（继承，原型，setInterval）

答案：

JavaScript代码

function MadDog() {

this.yelp = function() {

var self = this;

setInterval(function() {

self.wow();

}, 500);

}

}

MadDog.prototype = new Dog();

//for test

var dog = new Dog();

dog.yelp();

var madDog = new MadDog();

madDog.yelp();

4.下面这个ul，如何点击每一列的时候alert其index?（闭包）

JavaScript代码

这是第一条

这是第二条

这是第三条

答案：

JavaScript代码

// 方法一：

var lis=document.getElementById('2223').getElementsByTagName('li');

for(var i=0;i<3;i++)

{

lis.index=i;

lis.onclick=function(){

alert(this.index);

};

}

//方法二：

var lis=document.getElementById('2223').getElementsByTagName('li');

for(var i=0;i<3;i++)

{

lis.index=i;

lis.onclick=(function(a){

return function() {

alert(a);

}

})(i);

}

5.编写一个JavaScript函数，输入指定类型的选择器(仅需支持id，class，tagName三种简单CSS选择器，无需兼容组合选择器)可以返回匹配的DOM节点，需考虑浏览器兼容性和性能，

电脑资料

/*** @param selector {String} 传入的CSS选择器。* @return {Array}*/

答案：

JavaScript代码

var query = function(selector) {

var reg = /^(#)?(\\.)?(\\w+)$/img;

var regResult = reg.exec(selector);

var result = [];

//如果是id选择器

if(regResult[1]) {

if(regResult[3]) {

if(typeof document.querySelector === “function”) {

result.push(document.querySelector(regResult[3]));

}

else {

result.push(document.getElementById(regResult[3]));

}

}

}

//如果是class选择器

else if(regResult[2]) {

if(regResult[3]) {

if(typeof document.getElementsByClassName === 'function') {

var doms = document.getElementsByClassName(regResult[3]);

if(doms) {

result = converToArray(doms);

}

}

//如果不支持getElementsByClassName函数

else {

var allDoms = document.getElementsByTagName(“*”) ;

for(var i = 0, len = allDoms.length; i < len; i++) {

if(allDoms.className.search(new RegExp(regResult[2])) > -1) {

result.push(allDoms);

}

}

}

}

}

//如果是标签选择器

else if(regResult[3]) {

var doms = document.getElementsByTagName(regResult[3].toLowerCase());

if(doms) {

result = converToArray(doms);

}

}

return result;

}

function converToArray(nodes){

var array = null;

try{

array = Array.prototype.slice.call(nodes,0);//针对非IE浏览器

}catch(ex){

array = new Array();

for( var i = 0 ,len = nodes.length; i < len ; i++ ) {

array.push(nodes)

}

}

return array;

}

6.请评价以下代码并给出改进意见。

JavaScript代码

if(window.addEventListener){

var addListener = function(el,type,listener,useCapture){

el.addEventListener(type,listener,useCapture);

};

}

else if(document.all){

addListener = function(el,type,listener){

el.attachEvent(“on”+type,function(){

listener.apply(el);

});

}

}

评价：

不应该在if和else语句中声明addListener函数，应该先声明；

不需要使用window.addEventListener或document.all来进行检测浏览器，应该使用能力检测；

由于attachEvent在IE中有this指向问题，所以调用它时需要处理一下

改进如下：

JavaScript代码

function addEvent(elem, type, handler){

if(elem.addEventListener){

elem.addEventListener(type, handler, false);

}else if(elem.attachEvent){

elem['temp' + type + handler] = handler;

elem[type + handler] = function(){

elem['temp' + type + handler].apply(elem);

};

elem.attachEvent('on' + type, elem[type + handler]);

}else{

elem['on' + type] = handler;

}

}

7.给String对象添加一个方法，传入一个string类型的参数，然后将string的每个字符间价格空格返回，例如：

addSpace(“hello world”) // -> ‘h e l l o  w o r l d’

JavaScript代码

String.prototype.spacify = function(){

return this.split('').join(' ');

};

接着上述问题答案提问，1）直接在对象的原型上添加方法是否安全？尤其是在Object对象上。(这个我没能答出？希望知道的说一下。) 2）函数声明与函数表达式的区别？

答案：在js中，解析器在向执行环境中加载数据时，对函数声明和函数表达式并非是一视同仁的，解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问），至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解析执行。

8.定义一个log方法，让它可以代理console.log的方法。

可行的方法一：

JavaScript代码

function log(msg) {

console.log(msg);

}

log(“hello world!”) // hello world!

如果要传入多个参数呢？显然上面的方法不能满足要求，所以更好的方法是：

JavaScript代码

function log(){

console.log.apply(console, arguments);

};

到此，追问apply和call方法的异同。

答案：

对于apply和call两者在作用上是相同的，即是调用一个对象的一个方法，以另一个对象替换当前对象。将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

但两者在参数上有区别的。对于第一个参数意义都一样，但对第二个参数： apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。 如 func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3]) 。

9.在Javascript中什么是伪数组？如何将伪数组转化为标准数组？

答案：

伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。典型的是函数的argument参数，还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组。可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array对象。

假设接第八题题干，我们要给每个log方法添加一个”(app)”前缀，比如’hello world!’ ->’(app)hello world!’。方法如下：

JavaScript代码

function log(){

var args = Array.prototype.slice.call(arguments);  //为了使用unshift数组方法，将argument转化为真正的数组

args.unshift('(app)');

console.log.apply(console, args);

};

10.对作用域上下文和this的理解，看下列代码：

JavaScript代码

var User = {

count: 1,

getCount: function() {

return this.count;

}

};

console.log(User.getCount());  // what?

var func = User.getCount;

console.log(func());  // what?

问两处console输出什么？为什么？

答案是1和undefined。

func是在winodw的上下文中被执行的，所以会访问不到count属性。

继续追问，那么如何确保Uesr总是能访问到func的上下文，即正确返回1。正确的方法是使用Function.prototype.bind。兼容各个浏览器完整代码如下：

JavaScript代码

Function.prototype.bind = Function.prototype.bind || function(context){

var self = this;

return function(){

return self.apply(context, arguments);

};

}

var func = User.getCount.bind(User);

console.log(func());

11.原生JS的window.onload与Jquery的$(document).ready(function(){})有什么不同？如何用原生JS实现Jq的ready方法？

window.onload()方法是必须等到页面内包括图片的所有元素加载完毕后才能执行。

$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

JavaScript代码

/*

* 传递函数给whenReady()

* 当文档解析完毕且为操作准备就绪时，函数作为document的方法调用

*/

var whenReady = (function() {      //这个函数返回whenReady()函数

var funcs = [];    //当获得事件时，要运行的函数

var ready = false;    //当触发事件处理程序时,切换为true

//当文档就绪时,调用事件处理程序

function handler(e) {

if(ready) return;  //确保事件处理程序只完整运行一次

//如果发生onreadystatechange事件，但其状态不是complete的话,那么文档尚未准备好

if(e.type === 'onreadystatechange' && document.readyState !== 'complete') {

return;

}

//运行所有注册函数

//注意每次都要计算funcs.length

//以防这些函数的调用可能会导致注册更多的函数

for(var i=0; i

funcs.call(document);

}

//事件处理函数完整执行,切换ready状态, 并移除所有函数

ready = true;

funcs = null;

}

//为接收到的任何事件注册处理程序

if(document.addEventListener) {

document.addEventListener('DOMContentLoaded', handler, false);

document.addEventListener('readystatechange', handler, false);    //IE9+

window.addEventListener('load', handler, false);

}else if(document.attachEvent) {

document.attachEvent('onreadystatechange', handler);

window.attachEvent('onload', handler);

}

//返回whenReady()函数

return function whenReady(fn) {

if(ready) { fn.call(document); }

else { funcs.push(fn); }

}

})();

如果上述代码十分难懂，下面这个简化版：

JavaScript代码

function ready(fn){

if(document.addEventListener) {    //标准浏览器

document.addEventListener('DOMContentLoaded', function() {

//注销事件, 避免反复触发

document.removeEventListener('DOMContentLoaded',arguments.callee, false);

fn();    //执行函数

}, false);

}else if(document.attachEvent) {    //IE

document.attachEvent('onreadystatechange', function() {

if(document.readyState == 'complete') {

document.detachEvent('onreadystatechange', arguments.callee);

fn();    //函数执行

}

});

}

};

12.（设计题）想实现一个对页面某个节点的拖曳？如何做？（使用原生JS）

回答出概念即可，下面是几个要点

给需要拖拽的节点绑定mousedown, mousemove, mouseup事件

mousedown事件触发后，开始拖拽

mousemove时，需要通过event.clientX和clientY获取拖拽位置，并实时更新位置

mouseup时，拖拽结束

需要注意浏览器边界的情况

13.

JavaScript代码

function setcookie(name,value,days){  //给cookie增加一个时间变量

var exp = new Date();

exp.setTime(exp.getTime() + days*24*60*60*1000); //设置过期时间为days天

document.cookie = name + “=”+ escape (value) + “;expires=” + exp.toGMTString();

}

function getCookie(name){

var result = “”;

var myCookie = “”+document.cookie+“;”;

var searchName = “+name+”=“;

var startOfCookie = myCookie.indexOf(searchName);

var endOfCookie;

if(satrtOfCookie != -1){

startOfcookie += searchName.length;

endOfCookie = myCookie.indexOf(”;“,startOfCookie);

result = (myCookie.substring(startOfCookie,endOfCookie));

}

return result;

}

(function(){

var Tips = document.getElementById('tips');//假设tips的id为tips

var page = {

check: function(){//检查tips的cookie是否存在并且允许显示

var tips = getCookie('tips');

if(!tips || tips == 'show') return true;//tips的cookie不存在

if(tips == ”never_show_again“) return false;

},

hideTip: function(bNever){

if(bNever) setcookie('tips', 'never_show_again', 365);

oTips.style.display = ”none“;//隐藏

},

showTip: function(){

oTips.style.display = ”inline“;//显示，假设tips为行级元素

},

init: function(){

var _this = this;

if(this.check()){

_this.showTip();

setcookie('tips', 'show', 1);

}

oTips.onclick = function(){

_this.hideTip(true);

};

}

};

page.init();

})();

14.说出以下函数的作用是？空白区域应该填写什么？

JavaScript代码

//define

(function(window){

function fn(str){

this.str=str;

}

fn.prototype.format = function(){

var arg = ______;

return this.str.replace(_____,function(a,b){

return arg||”\";

});

}

window.fn = fn;

})(window);

//use

(function(){

var t = new fn('

{1}{2}

');

console.log(t.format('www.alibaba.com','Alibaba','Welcome'));

})();

答案：访函数的作用是使用format函数将函数的参数替换掉{0}这样的内容，返回一个格式化后的结果：

第一个空是：arguments

第二个空是：/\\{(\\d+)\\}/ig

15.用面向对象的Javascript来介绍一下自己。（没答案哦亲，自己试试吧）

答案： 对象或者Json都是不错的选择哦，

篇7：某公司Java工程师面试题笔试题目

某公司Java工程师面试题笔试题目

一、问答题(共两题每题5分)

1、在软件开发的形式中，有单独开发和团队开发，请您分析两种开发形式的利弊?

2、除了工资还有什么福利对你具有吸引力?

二、案例分析(共四题每题5分)

1、案例一：项目经理陈经理所在的项目组接到总监分配的一项紧急任务，要求在2天内完成A项目，陈经理马上召集其下属工程师小张和小黄进行工作分配并分析项目要点和各个要点的主要做法，时间已经过去了1天半，工程师小张发现，根据陈经理对项目要点的主要做法行不通，但时间已经所剩不多了。

问题一：如果你是小张，你会怎么做?为什么?

问题二：由于项目做法的问题导致项目的进度无法按总监的要求在2天内完成，总监怪罪下来，你认为这是谁的责任，为什么?

2、案例二：工程师小李和工程师小陈分别在同一个项目组负责软件开发工作，他俩是同时进入公司的，而且被分配在邻座，因此关系非常好。工程师小李最近发现小陈经常在上班时间做一些与本公司业务无关的.工作，并且在一次偶然的机会让小李发现，小陈的薪资比自己的薪资要高一倍多。

问题一：如果你是小李，你会怎么做，为什么?

问题二：如果你是小陈，你发现做的事情被小李发现了，你会怎么做，为什么?

技术题

一、基础题，共十题每题2分

1、GC是什么?为什么要有GC?

2、short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?Byte a=1,b=1,bye c=a+b有什么错?Short a=1,b=1,Short c=a+b有什么错(答对一个给0.5分)

3、Java有没有goto?

4、数组有没有length()这个方法? String有没有length()这个方法?

5、Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型?(答对第一句话即可得满分，或者意思差不多的即可)

6、List, Set, Map是否继承自Collection接口?

7、构造器Constructor是否可被override?

8、当一个线程进入一个对象的一个synchronized方法后，其它线程是否可进入此对象的其它方法?

9、当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果，那么这里到底是值传递还是引用传递?(答对第一句即可得满分)

10、EJB中LocalHome的作用是什么?

二、程序测试题(共四小题每题5分)

1、谈谈你对以下程序的看法。

class MyString extends String{

public static int i = 0;

private char[] chars = {‘a’,’b’,’c’};

public MyString(){}

static{

System.out.println( “i = ” + ( i++ ) );

}

public String getString(){

String s = “”;

for( char c : chars ){

s += c;

}

Return s;

}

}

2、请写出以下程序的输出。

class B {

private int radius = 10;

public void draw() {

System.out.println(“B.draw(), radius = ” + radius);

}

public B() {

System.out.println(“B constructor”);

draw();

}

}

public class A extends B {

private int radius = 1;

public void draw() {

System.out.println(“A.draw(), radius = ” + radius);

}

public A(int radius) {

this.radius = radius;

System.out.println(“A constructor”);

}

public static void main(String[] args) {

A a = new A(5);

}

}

3、写出下列程序运行结果，

public class Test {

static Test st=new Test();

static int x ;

static int y=0 ;

public Test(){

x++;

y++;

}

public Test(int x,int y){

this.x=x;

this.y=y;

}

public static Test getInstance(){ return st ;}

static{

int i=0;

System.out.println(“i=”+i);

}

void test() {

Inner inner2 = new Inner2();

inner2.display();

}

public static void main(String[] args) {

Test test1=Test.getInstance();

test1.test();

System.out.println(“test1:x=” + test1.x+”;y=”+test1.y);

Test test2=new Test();

test2.test();

System.out.println(“test2:x=” + test2.x+”;y=”+test2.y);

Test test3=new Test(0,0);

test3.test();

System.out.println(“test3:x=” + test3.x+”;y=”+test3.y);

}

public class Inner {

int a= 1;

void display() { System.out.println(“display: a = ” + a); }

}

public class Inner2 extends Inner {

int a=2;

void display() {System.out.println(“display: a= ” +a); }

百度公司笔试题目

金蝶公司笔试真题

移动公司招聘笔试试题

四川移动公司笔试题目

面试官揭秘500强公司面试题

IT公司笔试面试题系列.doc

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档