前端-面试算法题-合集

最新推荐文章于 2024-08-08 09:06:50 发布

zmmsdk15225185085

最新推荐文章于 2024-08-08 09:06:50 发布

阅读量2.7k

点赞数 5

分类专栏： JavaScript算法

本文链接：https://blog.csdn.net/zmmsdk/article/details/104220978

版权

JavaScript算法专栏收录该内容

1 篇文章 1 订阅

订阅专栏

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

 var a;
 alert(typeof a); // “undefined”
 //声明变量没有赋值结果为undefined
 
 //alert(b); // 报错 
 b=10;
 alert(typeof b);//”number”

2.看代码给答案。

     var a = new Object();
     a.value = 1;
     b = a;
     b.value = 2;
     alert(a.value);//2

 a赋值给b只是把栈上的地址赋值一份给b  而  b.value把堆上的数据转换成2
 所以弹出结果为2

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

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

 var d = new Date();

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

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);

**19、

20、看下列代码，将会输出什么?( 变量声明提前 )

 var foo = 1;

 function(){

    var foo;

    console.log(foo); //undefined

    foo = 2;

    console.log(foo); // 2;  

}

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

a、看下面代码，给出输出结果。

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

  setTimeout(function(){

      console.log(i);   

  },0); 

};

答案：4 4 4。

原因：setTimeout会在js引擎空闲的时候再执行

JavaScript事件处理器在线程空闲之前不会运行。追问，

b、如何让a中代码输出1 2 3？

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

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

       console.log(a);   

   })(i),0); 

};

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

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

 if (!String.prototype.trim) {

    String.prototype.trim = function() {

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

        //\s匹配空白字符：回车、换行、制表符tab 空格

     }

}

 // test the function

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

alert(str == "test string"); // alerts "true"

24、Javascript中callee和caller的作用？

arguments.callee：获得当前函数的引用

caller是返回一个对函数的引用，该函数调用了当前函数；如果不是由其他函数调用的，那么返回值就是null

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

那么问题来了？

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

25、Javascript中, 以下哪条语句一定会产生运行错误？答案( BC )

A、var obj=NaN;

B、var 0bj = [];(这里是一个数字0)

C、var obj = //;

D、var obj = {};

26、以下两个变量a和b，a+b的哪个结果是NaN？答案( C )

A、var a=undefind; b=NaN //拼写 undefined

B、var a=‘123’; b=NaN //字符串

C、var a =undefined , b =NaN

D、var a=NaN , b=‘undefined’ //”NaNundefined”

27、var a=10; b=20; c=4; ++b+c+a++ 以下哪个结果是正确的？答案( B )

A、34 B、35 C、36 D、37

//21+4+10

31、写出程序运行的结果？

for(i=0, j=0; i<10, j<6; i++, j++){
    //终止条件：j=5 i=5
    k = i + j;//k=10
}
//结果：10

32、阅读以下代码，请分析出结果

 var arr = new Array(1 ,3 ,5);

arr[4]='z';//[1,3,5,undefined,’z’]

arr2 = arr.reverse();   //arr2=[’z’,undefined,5,3,1];

//arr=[’z’,undefined,5,3,1]

arr3 = arr.concat(arr2);

alert(arr3);

弹出提示对话框：z,5,3,1,z,5,3,1

33、给一个按钮绑定点击事件的函数，确认用户是否退出当前页面，确认之后关闭窗口

confirm

window.close()

35、列举浏览器对象模型BOM里常用的至少4个对象，并列举window对象的常用方法至少5个

对象：window document location screen history navigator

方法：alert() confirm() prompt() open() close()

36、简述列举文档对象模型DOM里document的常用的查找访问节点的方法

Document.getElementById 根据元素id查找元素

Document.getElementByName 根据元素name查找元素

Document.getElementTagName 根据指定的元素名查找元素

38、简述创建函数的几种方式

第一种（函数声明）：

function sum1(num1,num2){

return num1+num2;

}

第二种（函数表达式）：

var sum2 = function(num1,num2){

return num1+num2;

}

匿名函数：

function(){}:只能自己执行自己

第三种（函数对象方式）：了解

var sum3 = new Function(“num1”,“num2”,“return num1+num2”);

41、documen.write和 innerHTML 的区别？

document.write 只能重绘整个页面

innerHTML 可以重绘页面的一部分

42、内存泄露是什么？

内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。

垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。

如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。

43、判断一个字符串中出现次数最多的字符，统计这个次数

答：var str = ‘asdfssaaasasasasaa’;
var json = {};
for (var i = 0; i < str.length; i++) {
if(!json[str.charAt(i)]){ //str.charAt(i) =”a”
json[str.charAt(i)] = 1; //json[“a”]=1
}else{
json[str.charAt(i)]++; //让a键的值+1，也就是这个字符多出现了一次
}
};
var iMax = 0;
var iIndex = ‘’;
for(var i in json){
if(json[i]>iMax){
iMax = json[i];
iIndex = i;
}
}
alert(‘出现次数最多的是:’+iIndex+‘出现’+iMax+‘次’);

44、写一个获取非行间样式的函数 //内嵌、外联，行内

function getStyle(obj,attr,value){

if(!value){

      if(obj.currentStyle)//ie{

          return obj.currentStyle(attr);

      }else{//标准浏览器

         obj.getComputedStyle(attr,false);

     }

}else{

    obj.style[attr] = value;

}

45、解释jsonp的原理

动态创建script标签，给请求的地址中添加一个get参数，这个参数代表回调函数，也就是希望服务器处理完我的请求之后，在前端执行这个对调函数

46、javascript的本地对象，内置对象和宿主对象

本地对象为array obj regexp等可以new实例化

Array RegExp String Boolean 。。。

内置对象为global、Math 等不可以实例化的

关于global对象我们无法在浏览器中发现她的存在，因为他的属性和方法都被绑定在了window对象中

每一个宿主对象他的实现都是取决于不同的浏览器的，这样就产生了浏览器兼容性问题

宿主为浏览器自带的document,window 等

47、字符串反转，如将 ‘12345678’ 变成 ‘87654321’

 //大牛做法；

//思路：先将字符串转换为数组 split()，利用数组的反序函数 reverse()颠倒数组，再利用 jion() 转换为字符串

var str = '12345678';

str = str.split('').reverse().join('');

48、window.location.search返回的是什么？

答：查询(参数)部分。除了给动态语言赋值以外，我们同样可以给静态页面,并使用javascript来获得相信应的参数值

返回值：?ver=1.0&id=timlq 也就是问号后面的！

//url:http://www.sina.co//url:http://www.sina.com/getage?number=1&year=2016//url:http://www.sina.com/getage?number=1&year=2016//url:http://www.sina.com/getage?number=1&year=2016m/getage?number=1&year=2016

49、window.location.hash 返回的是什么？

答：锚点，返回值：#love ；

//url:http://www.sina.com/getage?#age

这时就返回”#age”

50、window.location.reload() 作用？

答：刷新当前页面。

51、看题做答：

 function f1(){

    var tmp = 1;

    this.x = 3;
    console.log(tmp);   

    console.log(this.x)；

}

var obj = new f1();

console.log(obj.x)    //3

console.log(f1());     //1  undefined

52、下面输出多少？

 var o1 = new Object();

 var o2 = o1;

 o2.name = "CSSer";

 console.log(o1.name); //”CSSer”

54、观看代码，有什么输出

 var a = 6;

 setTimeout(function () {    

    var a = 666;//由于变量a是一个局部变量

    alert(a);      // 输出666，

}, 0);

a = 66;

console.log(a);  //先打印全局变量a的值：66  再执行setTimeout里面的局部变量

因为var a = 666;定义了局部变量a，并且赋值为666，根据变量作用域链，
全局变量处在作用域末端，优先访问了局部变量，从而覆盖了全局变量。

57、观察以下代码的输出

 window.color = 'red';

 var o = {color: 'blue'};

 function sayColor(){

    alert(this.color);

}

考点：1、this的指向

      2、call的用法

sayColor(); //red

sayColor.call(this); //red this指向的是window对象

sayColor.call(window); //red

sayColor.call(o); //blue

58、结果是什么？

 function foo(){

    foo.a = function(){alert(1)}; 

    this.a = function(){alert(2)}; //obj.a

    a = function(){alert(3)};

    var a = function(){alert(4)};

}; 

foo.prototype.a = function(){alert(5)};

foo.a = function(){alert(6)};

foo.a(); //6

var obj = new foo();

obj.a(); //2

foo.a(); //1

59、分析代码结果

 var a = 5; 

function test(){

   var a; 

  a = 0; 

    alert(a); 

    alert(this.a); //没有定义 a这个属性

        alert(a)

}

test(); // 0, 5, 0

var obj=new test(); // 0, undefined, 0 //由于类它自身没有属性a， 所以是undefined

60、结果是

 var bool = !!2; alert(bool)；//true;

技巧：双向非操作可以把字符串和数字转换为布尔值。

61、匹配输入的字符：第一个必须是字母或下划线开头，后面就是字母和数字或者下划线构成，长度5-20

var reg = /^[a-zA-Z_][a-zA-Z0-9_]{4,19}/

62、BOM对象有哪些，列举window对象？

1、window对象，是JS的最顶层对象，其他的BOM对象都是window对象的属性；

2、document对象，文档对象；

3、location对象，浏览器当前URL信息；

4、navigator对象，浏览器本身信息；

5、screen对象，客户端屏幕信息；

6、history对象，浏览器访问历史信息；

63、JS中的简单继承

——>call方法！

 //顶一个父母类，注意：类名都是首字母大写的哦！

  function Parent(name, money){

            this.name = name;

            this.money = money;

            this.info = function(){

                alert('姓名： '+this.name+' 钱： '+ this.money);

            }

        }

        //定义孩子类

        function Children(name){

            Parent.call(this, name); //继承 姓名属性，不要钱。  

            this.info = function(){

                alert('姓名： '+this.name);

            }

        }

        //实例化类

        var per = new Parent('parent', 800000000000);

        var chi = new Children('child');

        per.info();

        chi.info();

64、bind(), live(), delegate()的区别

bind：绑定事件，对新添加的事件不起作用，方法用于将一个处理程序附加到每个匹配元素的事件上并返回jQuery对象。

live：方法将一个事件处理程序附加到与当前选择器匹配的所有元素（包含现有的或将来添加的）的指定事件上并返回jQuery对象。

delegate：方法基于一组特定的根元素将处理程序附加到匹配选择器的所有元素（现有的或将来的）的一个或多个事件上。

最佳实现：jquery 1.7之后：就推荐使用on() off()

**65、

66、看下列代码输出什么？

 var foo = "11"+2-"1";
console.log(foo);
console.log(typeof foo); //“number”

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

70、请将一个URL的search部分参数与值转换成一个json对象

 //search部分的参数格式：a=1&b=2&c=3

function getJsonFromUrlSearch(search){
    var item;
    var result={};
    if(search.indexOf('&')<0){
        item=search.split('=');
        result[item[0]]=item[1];
        return result;
    }
    var splitArray=search.split('&');
    for (var i = 0; i < splitArray.length; i++) {
        var obj = splitArray[i];
        item=obj.split('=');
        result[item[0]]=item[1];
    }
    return result;
}
var c=getJsonFromUrlSearch("a=1&b=2&c=3");

71、请用原生js实现jquery的get\post功能，以及跨域情况下

ajax

先创建一个HttpRequest()

再设置他的请求头：请求的数据类型：json/xml

再设置他的onreadstatechange

最后再提交这个请求

72、请简要描述web前端性能需要考虑哪方面，你的优化思路是什么？

//参见雅虎14web优化规则

//0、减少http请求：

//1、小图弄成大图（雪碧图、精灵图），

//2、合理的设置缓存 localStorage cookie

//3、资源合并、压缩 html代码的最小化，压缩体积：就是减少带宽

//4、一些小的js文件合并成大的js文件

//5、将外部的js文件置底

73、简述readyonly与disabled的区别

readonly只针对input(text / password)和textarea有效，

而disabled对于所有的表单元素都有效，当表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去

74、请尽可能详尽的解释ajax的工作原理

思路：先解释异步，再解释ajax如何使用

异步是为了进行局部刷新，提升用户体验

2005 年诞生ajax

Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。

XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。

75、为什么扩展javascript内置对象不是好的做法？

因为扩展内置对象会影响整个程序中所使用到的该内置对象的原型属性

//如果说是整个项目中都适用的功能，那么可以进行扩展

76、什么是三元表达式？“三元”表示什么意思？

? :

因为运算符会涉及3个表达式

var a=3>2?5:2;

77、module(12,5)//2 实现满足这个结果的module函数

function module(a,b){
return a%b;//return a/b;
}

78、HTTP协议中，GET和POST有什么区别？分别适用什么场景？

get传送的数据长度有限制，post没有

get通过url传递，在浏览器地址栏可见，post是在报文中传递

适用场景：

post一般用于表单提交

get一般用于简单的数据查询，严格要求不是那么高的场景

79、HTTP状态消息200 302 304 403 404 500分别表示什么

200：请求已成功，请求所希望的响应头或数据体将随此响应返回。

302：请求的资源临时从不同的 URI响应请求。由于这样的重定向是临时的，客户端应当继续向原有地址发送以后的请求。只有在Cache-Control或Expires中进行了指定的情况下，这个响应才是可缓存的

304：如果客户端发送了一个带条件的 GET 请求且该请求已被允许，而文档的内容（自上次访问以来或者根据请求的条件）并没有改变，则服务器应当返回这个状态码。304响应禁止包含消息体，因此始终以消息头后的第一个空行结尾。

403：服务器已经理解请求，但是拒绝执行它。

404：请求失败，请求所希望得到的资源未被在服务器上发现。

500：服务器遇到了一个未曾预料的状况，导致了它无法完成对请求的处理。一般来说，这个问题都会在服务器端的源代码出现错误时出现。

80、HTTP协议中，header信息里面，怎么控制页面失效时间（last-modified,cache-control,Expires分别代表什么）

Last-Modified 文档的最后改动时间。客户可以通过If-Modified-Since请求头提供一个日期，该请求将被视为一个条件GET，只有改动时间迟于指定时间的文档才会返回，否则返回一个304（Not Modified）状态。Last-Modified也可用setDateHeader方法来设置。
Expires 应该在什么时候认为文档已经过期，从而不再缓存它？

别适用的领域

jquery：简化了js的一些操作，并且提供了一些非常好用的API

jquery ui、jquery-easyui：在jqeury的基础上提供了一些常用的组件日期，下拉框，表格这些组件

require.js、sea.js（阿里的玉帛）+》模块化开发使用的

jquery mobile：是jquery自己出的支持移动端网页开发，不过非常笨重，但是功能非常强大

zepto：精简版的jquery，常用于手机web前端开发提供了一些手机页面实用功能,touch

ext.js：跟jquery差不多，但是不开源，也没有jquery轻量

angular、knockoutjs、avalon(去哪儿前端总监，作者：司徒正美)：MV*框架，适合用于单页应用开发(SPA)

83、如何获取对象a拥有的所有属性（可枚举的、不可枚举的，不包括继承来的属性）

Object.keys——IE9+ ES5

或者使用for…in并过滤出继承的属性

for(o in obj){

if(obj.hasOwnproperty(o)){//判断o不是继承来的属性

//把o这个属性放入到一个数组中

}

84、下面这段代码想要循环昝输出结果01234，请问输出结果是否正确，如果不正确，请说明为什么，并修改循环内的代码使其输出正确结果

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

setTimeout(function(){

console.log(i+’’);

},100*i);

}

Uncaught SyntaxError: Invalid or unexpected token

85、解释下这个css选择器什么发生什么？

[role=nav]>ul a:not([href^-mailto]){}

86、描述错误的是 D

A：Http状态码302表示暂时性转移对

B:domContentLoaded事件早于onload事件 //正确

当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。

当 DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。

C: IE678不支持事件捕获

D:localStorage 存储的数据在电脑重启后丢失 //错误，因为没有时间限制

87、关于link和@import的区别正确的是 AB

A: link属于XHTML标签，而@import是CSS提供的；

B：页面被加载时，link会同时被加载，而后者引用的CSS会等到页面被加载完再加载

C：import只在IE5以上才能识别而link是XHTML标签，无兼容问题

D: link方式的样式的权重高于@import的权重

import诞生于CSS2.1规范，任何支持CSS2.1以上版本的浏览器都支持Import

link方式的样式跟import没有权重高低这么个说法，只有书写顺序的不同才会决定样式

88、变量的命名规范以及命名推荐

89、三种弹窗的单词以及三种弹窗的功能

alert

confirm

prompt

91、写一个post请求并带有发送数据和返回数据的样例

$.ajax({
url:“1.html”,
data:{name:“张三”,age:18},//post数据
dataType:“json”,
type:“POST”,
success:function(data){
//data：返回的数据
},
error:function(){
//异常处理
}
});

90、jQuery框架中$.ajax()的常用参数有哪些？

type

类型：String

默认值: “GET”)。请求方式 (“POST” 或 “GET”)，默认为 “GET”。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。

url

类型：String

默认值: 当前页地址。发送请求的地址。

success

类型：Function

请求成功后的回调函数。

参数：由服务器返回，并根据 dataType 参数进行处理后的数据；描述状态的字符串。

这是一个 Ajax 事件。

options

类型：Object

可选。AJAX 请求设置。所有选项都是可选的。

async

类型：Boolean

默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。

注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。

beforeSend(XHR)

类型：Function

发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头。

XMLHttpRequest 对象是唯一的参数。

这是一个 Ajax 事件。如果返回 false 可以取消本次 ajax 请求。

cache

类型：Boolean

默认值: true，dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。

jQuery 1.2 新功能。

contentType

类型：String

默认值: “application/x-www-form-urlencoded”。发送信息至服务器时内容编码类型。

默认值适合大多数情况。如果你明确地传递了一个 content-type 给 $.ajax() 那么它必定会发送给服务器（即使没有数据要发送）。

data

类型：String

发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:[“bar1”, “bar2”]} 转换为 ‘&foo=bar1&foo=bar2’。

dataFilter

类型：Function

给 Ajax 返回的原始数据的进行预处理的函数。提供 data 和 type 两个参数：data 是 Ajax 返回的原始数据，type 是调用 jQuery.ajax 时提供的dataType 参数。函数返回的值将由 jQuery 进一步处理。

dataType

类型：String

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如 XML MIME 类型就被识别为 XML。在 1.4中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值:

· “xml”: 返回 XML 文档，可用 jQuery 处理。

· “html”: 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。

· “script”: 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 “cache” 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载）

· “json”: 返回 JSON 数据。

· “jsonp”: JSONP 格式。使用 JSONP 形式调用函数时，如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

· “text”: 返回纯文本字符串

error

类型：Function

默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。

有以下三个参数：XMLHttpRequest 对象、错误信息、（可选）捕获的异常对象。

如果发生了错误，错误信息（第二个参数）除了得到 null 之外，还可能是 “timeout”, “error”, “notmodified” 和 “parsererror”。

这是一个 Ajax 事件。

92、闭包：下面这个ul，如何点击每一列的时候alert其index？

这是第一条
这是第二条
这是第三条
//非闭包实现

var lis=document.querySelectorAll(‘li’);
document.querySelector(’#test’).οnclick=function(e){
for (var i = 0; i < lis.length; i++) {
var li = lis[i];
if(li==e.target){
alert(i);
}
}
};

//闭包实现

var lis=document.querySelectorAll(‘li’);
for (var i = 0; i < lis.length; i++) {
var li = lis[i];
li.οnclick=(function(index){
return function(e){
alert(index);
};
})(i);
}

93、Javascript中callee和caller的作用？

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

用法：fn.caller

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

用法：arguments.callee

**94、

95、《正则》写出正确的正则表达式匹配固话号，区号3-4位，第一位为0，中横线，7-8位数字，中横线，3-4位分机号格式的固话号

常用正则表达式语法要熟悉

/0[0-9]{2,3}-\d{7,8}/ 010 021 020 025 028 0755：深圳

96、请写出一个程序，在页面加载完成后动态创建一个form表单，并在里面添加一个input对象并给它任意赋值后义post方式提交到：http://127.0.0.1/save.php

97、下面代码会有什么样的输出

var User = { 对象

count = 1，属性

getCount：function（）{ 方法

return this.count;

}

}

console.log(User.getCount());

var func = User.getCount;

console.log(func());

答案：1 undefined

98、下面代码的输出：

(function test(){

var a=b=5; //b是一个隐式的全局变量

alert(typeof a);

alert(typeof b);

})();

alert(typeof a);

alert(typeof b);

//number number undefined number

99、下列JavaScript代码执行后，iNum的值是

var iNum = 0;

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

if(i % 5 == 0){
```
 continue;
```
}

iNum++;

}

分析：

i=1 1

i=2 2

i=3 3

i=4 4

i=5

i=6 5

i=7 6

i=8 7

i=9 8

100、输出结果是多少？

1）
```
var a;

var b = a * 0;

if (b == b) {

   console.log(b * 2 + "2" - 0 + 4);

} else {//b=NaN

   console.log(!b * 2 + "2" - 0 + 4); //1*2+”2”-0+4

}
```
答案：26

考点：乘号运算符的运算规则：

1、如果其中一个数是NaN，则结果就是NaN

2、如果乘积超过了ECMAScript设定的范围，那么就会返回Infinity、-Infinity

3、如果参与乘法运算的某个操作数不是数值，js引擎会先调用Number()将这个数变成一个数值类型，

比如：空字符串就会变成0 布尔值true就会变成1，空数组[]也会变成0，undefined转换结果则是变成了NaN

！NaN会被转化成1

101、以下代码会有什么输出

答案：6

102、观察输出结果

var t = 10;

function test(t){
```
var t = t++;//此时的t是一个局部变量，全局变量没有任何变化
```
console.log(t);//此时的结果又是多少？

}

test(t);

console.log(t);

答案：10

103、输出结果：

var t = 10;

function test(test){

var t = test++;

}test(t);

console.log(t);

答案：10

104、输出结果：

var t = 10;

function test(test){
```
t = test++;//这一步全局变量t的值等于改变前的test的值
```
}test(t);

console.log(t);

答案：10

105、输出结果：

var t = 10;

function test(test){

t = t + test;//undefined+10=NaN

console.log(t);

var t = 3;

}test(t);

console.log(t);

答案：NaN 10

106、输出结果：

var a;

var b = a / 0;

if (b == b) {//b=NaN
```
console.log(!b * 2 + "2" - 0 + 4);
```
} else {
```
console.log(!b * 2 + "2" - 0 + 4);
```
}

答案：26

107:、输出结果：

答案：Infinity24

108、下列JavaScript代码执行后，运行的结果是

点击我

var btn = document.getElementById(‘btn’);

var handler = {

id: ‘_eventHandler’,

exec: function(){
```
alert(this.id);
```
}

}

btn.addEventListener(‘click’, handler.exec);

答案：btn，因为handler.exec是由btn这个按钮执行的

109、☆☆☆下列JavaScript代码执行后，依次alert的结果是

var obj = {proto: {a:1,b:2}};

function F(){};

F.prototype = obj.proto;

var f = new F();

obj.proto.c = 3;

obj.proto = {a:-1, b:-2};

alert(f.a);//1

alert(f.c);//3

delete F.prototype[‘a’];

alert(f.a);//undefined

alert(obj.proto.a);//-1

110、下列JavaScript代码执行后的效果是
item
item
item
item
item
var items = document.querySelectorAll(’#list>li’);

for(var i = 0;i < items.length; i++){

setTimeout(function(){
```
  items[i].style.backgroundColor = '#fee';
```
}, 5);

}

答案：异常

111、程序中捕获异常的方法？

window.error=function(){};

try{}catch(){}finally{}

112、给字符串扩展一个兼容所有浏览器的清除前后的空格的方法

if (!String.prototype.trim) {

String.prototype.trim = function() {

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

} }

113、下列控制台都输出什么

function setName(){

name=“张三”;

}

setName();

console.log(name);

答案：“张三”

114、

//考点：1、变量声明提升 2、变量搜索机制

var a=1;

function test(){

console.log(a);

var a=1;

}

test();

答案：undefined

115、

var b=2;

function test2(){

window.b=3;

console.log(b);

}

test2();

答案：3

116、

c=5;//声明一个全局变量c

function test3(){

window.c=3;

console.log©; //答案：undefined，原因：由于此时的c是一个局部变量c，并且没有被赋值

var c;

console.log(window.c);//答案：3，原因：这里的c就是一个全局变量c

}

test3();

117：

var arr = [];

arr[0] = ‘a’;

arr[1] = ‘b’;

arr[10] = ‘c’;

alert(arr.length); //答案：11

console.log(arr[5]); //答案：undefined

118：

var a=1;

console.log(a++); //答案：1

console.log(++a); //答案：3

119：

console.log(null==undefined); //答案：true

console.log(“1”==1); //答案：true，因为会将数字1先转换为字符串1

console.log(“1”===1); //答案：false，因为数据类型不一致

120、

parseInt(3.14); //3

parseFloat(“3asdf”); //3

parseInt(“1.23abc456”);

parseInt(true);// “true”=> NaN

//对一个非数字或者一个非字符串类型进行数据转换的时候，会先把这个数据转换为一个字符串类型，然后再转换为数值类型

考点：考察非数字转换为整数的熟练度

121、

//考点：函数声明提前

function bar() {

return foo;

foo = 10;

function foo() {}

//var foo = 11;

}

alert(typeof bar());//“function”

122、

考点：函数声明提前

var foo = 1;

function bar() {

foo = 10;

return;

function foo() {}

}

bar();

alert(foo);//答案：1

123、

console.log(a);//是一个函数

var a = 3;

function a(){}

console.log(a);3

124、

//考点：对arguments的操作

function foo(a) {

arguments[0] = 2;

alert(a);//答案：2，因为：a、arguments是对实参的访问，b、通过arguments[i]可以修改指定实参的值

}

foo(1);

125、

function foo(a) {

alert(arguments.length);//答案：3，因为arguments是对实参的访问

}

foo(1, 2, 3);

126、

bar();//报错因为bar这个名称只能在函数内部被访问

var foo = function bar(name) {

console.log(“hello”+name);

console.log(bar);

};

//alert(typeof bar);

foo(“world”);//“hello”

console.log(bar);//undefined

console.log(foo.toString());

bar();//报错

127、

function test(){

console.log(“test函数”);

}

setTimeout(function(){

console.log(“定时器回调函数”);

}, 0)

test();

function foo(){

var name=“hello”;

}