2019年最全面最新200+道JavaScript基础面试题（上）

清疚 2024-04-19 08:41 118阅读 0赞

在此之前，我也跟大家分享过很多的面试题，今天我要跟大家分享的这个JavaScript的面试一共有200多道，适用于前端学习与前端求职者，面试刷题，里面涵盖的内容比较广，今天只是整理了部分面试题，希望对你们有所帮助

***01、JavaSript有哪些垃圾回收机制？***

标记清除（ mark and sweep )  
这是JavaScr i pt 最常见的垃圾回收方式。当变量进入执行环境的时候，比如在函数中声明一个变量，垃圾回收器将其标记为“进入环境” 。  
当变量离开环境的时候（函数执行结束），将其标记为“离开环境”。  
垃圾回收器会在运行的时候给存储在内存中的所有变量加上标记，然后去掉环境中的变量，以及被环境中变量所引用的变量（闭包）的标记。在完成这些之后仍然存在的标记就是要删除的变量。  
引用计数（ reference counting)  
在低版本的IE 中经常会发生内存泄漏，很多时候就是因为它采用引用计数的方式进行垃圾回收。引用计数的策略是跟踪记录每个值被使用的次数。当声明了一个变量并将一个引用类型赋值给该变量的时候， 这个值的引用次数就加1 。如果该变量的值变成了另外一个，则这个值的引用次数就减1 。  
当这个值的引用次数变为0 的时候，说明没有变量在使用，这个值没法被访问。  
因此， 可以将它占用的空间回收，这样垃圾回收器会在运行的时候清理引用次数为0 的值占用的空间。  
在IE中虽然JavaScript 对象通过标记清除的方式进行垃圾回收，但是BOM 与DOM 对象是用引用计数的方式回收垃圾的。也就是说， 只要涉及BOM 和DOM ， 就会出现循环引用问题。

***02、列举几种类型的DO M 节点***  
有以下几类DOM 节点。  
• 整个文档是一个文档（ Document ）节，点。  
• 每个HTML 标签是一个元素（ E l ement ）节点。  
• 每一个HTML 属性是一个属性（ Attribute ）节点。. 包含在HTML 元素中的文本是文本（ Text ）节点。

***03、谈谈JavaSript 标签中defer 和async 属性的区别。***  
( 1 ) defer 属性规定是否延迟执行脚本，直到页面加载为止。async 属性规定脚本一旦可用，就异步执行。  
( 2) defer 并行加载JavaScript 文件， 会按照页面上script 标签的顺序执行。async 并行加载JavaScript 文件，下载完成立即执行，不会按照页面上JavaScript 标签的顺序执行。

***04、说说你对闭包的理解。***  
使用闭包主要是为了设计私有的方法和支量。闭包的优点是可以避免全局变量  
的污染；缺点是闭包会常驻内存， 增加内存使用量，使用不当很容易造成内存泄漏。在JavaScript 中，函数即闭包，只有函数才会产生作用域。  
闭包有3 个特性。  
( I ）函数嵌套函数。  
( 2 ）在函数内部可以引用外部的参数和支量。  
( 3 ）参数和变量不会以垃圾回收机制回收。

***05、解释一下unshift （）方法。***  
该方法在数组启动时起作用，与push （）不同。它将参数成员添加到数组的顶部。  
下面给出一段示例代码。  
var name= \[ ” \] ohn ” \]  
name unshift (”char lie”);  
name unshi ft ( ” \] oseph”,” Jane " ) ;  
cons ole log (name );  
输出生口下所示。  
\[ ” joseph H ,” Jane ”,” char lie ”,” john ” \]

***06、encodeURI （）和decodeURI （）的作用是什么？***  
encodeURI（）用于将URL 转换为十六进制编码。而decodeURI（）用于将编码的URL  
转换回正常URL 。

***07、为什么不建议在JavaScript 中使用innerHTML?***  
通过innerHTML 修改内容， 每次都会刷新，因此很慢。在innerHTML 中没有验证的机会， 因此更容易在文档中插入错误代码，使网页不稳定。

***08、如何在不支持JavaScript 的旧浏览器中隐藏JavaScrpit 代码？***  
在＜script＞标签之后的代码中添加“＜！一” ， 不带引号。  
在＜／script＞标签之前添加“刀…＞”，代码中没有引号。  
旧浏览器现在将JavaScript 代码视为一个长的HTML 注释， 而支持JavaScript 的浏览器则将“＜ ！一” 和“／／ …＞” 作为一行注释。

***09、在DOM 操作中怎样创建、添加、移除、替换、插入和查找节点？***  
具体方法如下。  
***( 1 ） 通过以下代码创建新节点。***  
createDocurnentFragrnent () // 创建一个DOM 片段  
createElernent() // 创建一个具体的元素  
creat eTextNode( ) //创建一个文本节点

***( 2 ） 通过以下代码添加、移除、替换、插入节，点。***  
appendChild()  
removeChild ( )  
replaceChild ()  
insertBefore () ／／并没有inse r tAf t er ()

***( 3 ）通过以下代码查找节点。***  
getElernentsByTagNarne() //通过标签名称查找节点  
getE l erne 口tsByNarne () //通过元素的name 属性的值查找节点（ IE 容错能力较强， 会得到一个数  
//组， 其中包括id 等于name 值的节点）  
getElernentByid() //通过元素 Id 查找节点， 具有唯一性

***10、如何实现浏览器内多个标签页之间的通信？***  
调用Jocalstorge 、cookie 等数据存储通信方式。

***11、null 和undefined 的区别是什么？***  
null 是一个表示“无”的对象， 转为数值时为O; undefined 是一个表示“元”  
的原始千直， 转为主丈千直时为NaN 。  
当声明的变量还未初始化时，变量的默认值为undefined ,null 用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。  
undefined 表示“缺少值”， 即此处应该有一个值，但是还没有定义，典型用法是如下。  
( 1 ）如果变量声明了，但没有赋值，它就等于undefined 。  
( 2 ）当调用函数时，如果没有提供应该提供的参数，该参数就等于undefined 。  
( 3 ）如果对象没有赋值，该属性的值为undefined 。  
( 4 ）当函数没有返回值时， 默认返回undefined 。  
null 表示“ 没有对象” ， 即此处不应该有值，典型用法是如下。  
( 1 ）作为函数的参数， 表示该函数的参数不是对象。  
( 2 ）作为对象原型链的终点。

***12、new 操作符的作用是什么？***  
作用如下。  
( l ）创建一个空对象。  
( 2 ）由this 变量引用该对象。  
( 3 ）该对象继承该函数的原型（更改原型链的指向）。  
( 4 ）把属性和方法加入到thi s 引用的对象中。  
( 5 ）新创建的对象由this 引用，最后隐式地返回this ，过程如下。  
var obj = \{\};  
obj.*proto*=Base.prototype;  
Base.call(obj);

***13、JavaScript 延迟加载的方式有哪些？***  
包括defer 和async 、动态创建DOM （创建script ， 插入DOM 中，加载完毕后  
回调、按需异步载入JavaScript 。

***14、call（）和apply （）的区别和作用是什么？***  
作用都是在函数执行的时候，动态改变函数的运行环境（ 执行上下文）。  
call 和apply 的第一个参数都是改变运行环境的对象。  
区别如下：  
call 从第二个参数开始，每一个参数会依次传递给调用函数；apply 的第二个参数是数组，数组的每一个成员会依次传递给调用函数。  
如：  
func . call(funcl , varl , var2, var3)  
对应的apply 写法为：  
func . apply(funcl, \[varl, var2 , var3\])

***15、哪些操作会造成内存泄漏？***  
内存泄漏抬不再拥有或需要任何对象（ 数据）之后，它们仍然存在于内存中。  
提示：垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为0 （没有其他对象引用过该对象），或对该对象的唯一引用是循环的，那么该对象占用的内存立即被回收。  
如果setTimeout 的第一个参数使用字符串而非函数，会引发内存泄漏。  
闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）等会造内存泄漏。

***16、列举I E 与finefox 的不同之处。***  
不同之处如下。  
( 1 ) IE 支持currentStyle; Firefox 使用getComputStyle 。  
( 2) IE 千史用innerText· Firefox 千史用textContent 。  
( 3 ）在透明度滤镜方面， IE 使用自lter:alpha(opacity= num); Firefox 使用－moz-opacity:num。  
( 4 ）在事件方面， IE 使用a ttachEv ent: Firefox 使用addEventListener。  
( 5 ）对于鼠标位直：IE 使用event.clientX; Firefox 使用event.pageX 。  
( 6) IE 千史用event.srcElement· Firefox 千史用event . target 。  
( 7) 要消除list 的原点， IE 中仅须使margin:O 即可达到最终效果；Firetox 中需要设直  
margin:O 、padding:O 和list” style:none 。  
( 8 ) css 圆角：IE7 以下不支持圆角。

***17、讲解一下JavaScript 对象的几种创建方式。***  
有以下创建方式。  
( 1 ) Object 构造函数式。  
( 2 ）对象字面量式。  
( 3 ）工厂模式。  
( 4 ）安全工厂模式。  
( 5 ）构造函数模式。  
( 6 ）原型模式。  
( 7) 混合构造函数和原型模式。  
( 8 ）动态原型模式。  
( 9 ）寄生构造函数模式。  
( 10 ）稳妥构造函数模式。

***18、如何实现异步编程？***  
具体方法如下。  
方法1 ，通过回调函数。优点是简单、容易理解和部署· 缺点是不利于代码的阅读和维护，各个部分之间高度相合（ Coupling ），流程混乱，而且每个任务只能指定一个回调函数。  
方法2 ，通过事件监听。可以绑定多个事件，每个事件可以指定多个回调函数，而且可以“去搞合”（ Decoupling ），有利于实现模块化；缺点是整个程序都要变成事件驱动型，运行流程会变得很不清晰。  
方法3 ，采用发布／订阅方式。性质与“事件监听”类似， 但是明显优于后者。  
方法4 ，通过Promise 对象实现。Promise 对象是CommonJS 工作组提出的一种规范，旨在为异步编程提供统一接口。它的思想是，每一个异步任务返回一个Promise 对象，该对象有一个then 方法，九许指定回调函数。

***19、请解释一下JavaScript的同源策略。***  
同源策略是客户端脚本（尤其是JavaScript ）的重要安全度量标准。它最早出自Netscape Navigator 2.0 ，目的是防止某个文档或脚本从多个不同源装载。这里的同源策略指的是协议、域名、端口相同。同源策略是一种安全协议。指一段脚本只能读取来自同一来源的窗口和文档的属性。

***20、为什么要有同源限制？***  
我们举例说明。比如一个黑客， 他利用I frame 把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名、密码登录时，他的页面就可以通过JavaScript 读取到你表羊上input 中的内容，这样黑客就会轻松得到你的用户名和密码。

***21、在JavaScript中，为什么说函数是第一类对象？***  
第一类函数即JavaScript 中的函数。这通常意味着这些函数可以作为参数传递给其他函数，作为其他函数的值返回，分配给变量，也可以存储在数据结构中。

***22、什么是事件？I E 与F irefo×的事件机制有什么区别？如何阻止冒泡？***  
事件是在网页中的某个操作（有的操作对应多个事件）。例如，当羊击一个按钮时， 就会产生一个事件，它可以被JavaScr巾t 侦测到。  
在事件处理机制上， IE 支持事件冒泡；F i refox 同时支持两种事件模型，也就是捕获型事件和冒泡型事件。  
阻止方法是ev. stopPropagation （） 。注意旧版IE 中的方法ev. ca n ce!Bub bl e =true.

***23、函数声明与函数表达式的区别？***  
在JavaScript 中，在向执行环境中加载数据时， 解析器对函数声明和函数表达式  
并非是一视同仁的。解析器会首先读取函数声明，并使它在执行任何代码之前可用（可以访问）。至于函数表达式，则必须等到解析器执行到它所在的代码行， 才会真正解析和执行它。

***24、如何删除一个cookie?***  
为了删除cookie ，要修改exp i res ，代码如下。  
document . cookie = user=icketang ; expires = '+new Date(0 )

***25、编写一个方法，求一个字符串的长度（ 单位是字节）***  
假设一个英文字符占用一字节， 一个中文字符占用两字节：  
function GetBytes (str ) \{  
var len = str . length ;  
var bytes = len ;  
for (var i=0 ; i<len ; i++) \{  
if ( str . charCodeAt （ 工） > 255 ) bytes++ ;  
\}  
retu rn bytes ;  
\}  
alert(GetBytes （ ” hello 爱创课堂！” ） ）；

***26、对于元素， attribute 和 property 的区别是什么？***  
attribute 是DOM 元素在文档中作为HTML 标签拥有的属性；property 就是DOM元素在JavaScr中t 中作为对象拥有的属性。  
对于HTML 的标准属性来说， attribute 和property 是同步的，会自动更新，但是对于自定义的属性来说，它们是不同步的。

***27、解释延迟脚本在JavaScript 中的作用。***  
默认情况下，在页面加载期间， HTML 代码的解析将暂停， 直到脚本停止执行。  
这意味着，如果服务器速度较慢或者脚本特别“沉重”，则会导致网页延迟。在使用  
Deferred 时，脚本会延迟执行，直到HTML 解析器运行。这缩短了网页的加载时间，并  
且它们的显示速度更快。

***28、什么是闭包（ closure ) ?***  
为了说明闭包，创建一个闭包。

function hello () {   //函数执行完毕， 变量仍然存在
    var num = 100 ;
    var showResu l t= function ( ) { alert (num ); }
    num++ ;
    return showResult ;
    }
    var showResult= hello ();
    showResult （ ）// 执行结果： 弹出10 1

执行hello （）后， hello （）闭包内部的变量会存在，而闭包内部函数的内部变量不会存在，使得JavaScript 的垃圾回收机制不会收回hello （）占用的资源，因为h e llo （）中内部函数的执行需要依赖hello （）中的变量。

***29、如何判断一个对象是否属于某个类？***  
使用instanceof 关键字，判断一个对象是否是类的实例化对象；使用constructor  
属性，判断一个对象是否是类的构造函数。

***30、JavaScript 中如何使用事件处理程序？***  
事件是由用户与页面的交互（例如羊击链接或填写表单） 导致的操作。需要一  
个事件处理程序来保证所有事件的正确执行。事件处理程序是对象的额外属性。此属性包括事件的名称和事件发生时采取的操作。

***31、在JavaScript中有－个函数，执行直接对象查找时，它始终不会查找***  
原型，这个函数是什么？  
hasOwnPrope。

***32、在JavaScript中如何使用DOM?***  
DOM 代表文档对象模型，并且负责文档中各种对象的相王文互。DOM 是开发网页所必需的，其中包括诸如段落、链接等对象。可以操作这些对象，如添加或删除等。为此， DOM 还需要向网页添加额外的功能。

***33、documen.wn怡和innerHTML 的区别是什么？***  
document.write 重绘整个页面；innerHTML 可以重绘页面的一部分。

***34、在JavaScript中读取文件的方法是什么？***  
可以通过如下方式读取服务器中的文件内容。

function read.P.jaxFile (url) {
    //创建xhr
    var xhr = new XMLHttpRequest() ;
    //监听状态
    xhr . onreadysta techange = function () {
    //监听状态值是4
    if (xhr . readyState === 4 晶晶xhr.status === 200) {
    console . log(xhr . responseText)
           }
    }
    //打开请求
    xhr . open ( ’ GET ', url , true)
    // 发送数据
    xhr . send(null） 
    }
    
    可以通过如下方式读取本地计算机中的内容。
    function readinputFile (id) {
    var file= document . getElementByid(id) . files[O] ;
    // 实例化FileReader
    var reader= new FileReader ();
    // 读取文件
    reader . readAsText(file)
    // 监听返回
    reader . on load = function (data) {
    console . log(data , this . result)
         }
    }

***35、如何分配对象属性？***  
将属性分配给对象的方式与赋值给变量的方式相同。例如，表羊对象的操作值  
以下列方式分配给” submit ”：docume nt.form.action ＝ ” submit ” 。

***36、请说几条书写JavaSc 「ipt 语句的基本规范。***  
基本规范如下。  
( 1 ）不要在同一行声明多个变量。  
( 2 ）应使用＝＝＝／ ！＝＝来比较t rue /false 或者数值。  
( 3 ）使用对象字面量替代n ew Array 这种形式。  
( 4 ）不要使用全局函数。  
( 5 ) switch 语句必须带有defau lt 分支。  
( 6 ）函数不应该有时有返回值，有时没有返回值。  
( 7 ) for 循环必须使用大括号括起来。  
( 8 ) i f 语句必须使用大括号括起来。  
( 9 ) for-in 循环中的变量应该使用var 关键字明确限定的作用域，从而避免作用域污染。

***37、eval 的功能是什么？***  
它的功能是把对应的字符串解析成JavaScript 代码并运行。  
应该避免使用eval ，它会造成程序不安全，非常影响性能（执行两次， 一次解析成JavaScript 语句， 一次执行）。

***38、［“1”,“2”,“3”\] . map(parselnt）的执行结果是多少？***  
\[1, NaN, NaN］ ，因为parselnt 需要两个参数（ val, radix ）， 其中radix 表示解析时用的基数（进制）； map 传递了3 个参数（ item, index, array ），对应的radix 不合法导致解析失败。

***39、谈谈你对this 对象的理解。***  
this 是JavaScript 的一个关键字，随着函数使用场合的不同， this 的值会发生变化。但是有一个总原则， 即this 指的是调用函数的那个对象。  
一般情况下， this 是全局对象Global ， 可以作为方法调用。

***40、web-garden 和web-farm 有什么不同？***  
web-garden 和web-farm 都是网络托管系统。唯一的区别是web-garden 是在单个服务器中包含许多处理器的设直，而web ”farm 是使用多个服务器的较大设置。

***41、说一下document.write （）的用法。***  
docume旺write（）方法可以用在两个地方，页面载入过程中用实时脚本创建页面内容，以及用延时脚本创建本窗口或新窗口的内容。  
document. write 只能重给整个页面， innerHTML 可以重给页面的一部分。

***42、在JavaScript中什么是类（伪） 数组？如何将类（伪） 数组转化为标准数组？***  
典型的类（伪）数组是函数的argument 参数， 在调用getE lementsByTagName和docum e nt.childNodes 方法时，它们返回的NodeList 对象都属于伪数组。可以使用Array.prototype.slice.call ( fakeArray ）将数组转化为真正的Array 对象。

***43、JavaScript 中callee 和caller的作用是什么？***  
品：caller 返回一个关于函数的引用，该函数调用了当前函数；callee 返回正在执行的函数，也就是指定的function 对象的正文。

***44、讲一下手写数组快速排序的步骤。***  
“快速排序”的思想很简单，整个排序过程只需要3 步。  
( 1 ）在数据集之中，选择一个元素作为“基准”（ pivot ） 。  
( 2 ）将所有小于“基准”的元素，都移到“基准”的左边；将所有大于“基准”的元素，都移到“基准”的右边。  
( 3 ）对“基准”左边和右边的两个子集， 不断重复第（ 1 ）步和第（ 2 ）步， 直到所有子集只剩下一个元素为止。

***45、如何统计字符串飞aaabbbccccddfgh ”中字母的个数或统计最多的字母数？***  
具体代码如下。

***46、写一个function ，清除字符串前后的空格（兼容所有浏览器） 。***  
具体代码如下。

function trim(str) {
    if (str && typeof str == =” s tring ” ){
    return str . replace （ /^＼ s+ l \s ＋$／ g ， ”” ） ；
    //去除前后空白符
    }
    }

***47、列出不同浏览器中关于JavaScript 兼容性的两个常见问题。***  
（ 1 ）事件绑定兼容性问题。  
IE8 以下的浏览器不支持用addEventListener 来绑定事件，使用attach event 可以解决这个问题。  
( 2 ) stopPropagation 兼容性问题。  
IE8 以下的浏览器不支持用巳.stopPropagation （） 来阻止事件传播，使用e .return Value =false 可以解决这个问题。

***48、闭包的优缺点是什么？***  
优点：不产生全局变量，实现属性私有化。  
缺点：是闭包中的数据会常驻内存，在不用的时候需要删除，否则会导致内存溢出（内存泄漏） 。

***49、用JavaScript 实现一个数组合并的方法（要求去重）。***  
代码如下

***50、说明正则表达式给所有string 对象添加去除首尾空白符的方法（ trim 方法）。***  
代码如下

prototype . trim = function () {
    return this . replace （/^\s+ | \s+$/g ，"" ） ；

***51、说明用JavaScrpit 实现一个提取电话号码的方法***。  
代码如下

var str = ” 12345678901 010 - 12345678 爱创课堂0418 - 1234567 13812345678 ”;
    var reg=/(l\d{lO)) I (0\d{2 , 3)\ - \d{7 , 8J)/g ;
    alert(str . match(reg) ;
    测试“ 1234567890 1 010- 12345678 爱创课堂0418-1234567 13812345678 ”，得到的结果应该是：［ 12345678901 , 010-12345678, 0418-1234567, 13812345678 ］ 。

***52、JavaScript 中常用的逻辑运算符有哪些？***  
“and”（＆＆）运算符、“or”（ ｜｜） 运算符和“not”（！）运算符，它们可以在JavaScript中千史用。

***53、什么是事件代理（事件委托）？***  
事件代理（ Event Delegation ），又称为事件委托，是JavaScript 中绑定事件的常用技巧。顾名忠义，“事件代理”就是把原本需要绑定的事件委托给父元素，让父元素负责事件监听。事件代理的原理是DOM 元素的事件冒泡。使用事件代理的好处是可以提高性能。

***54、什么是JavaScript?***  
JavaScript 是客户端和服务器端的脚本语言，可以插入HTML 页函中， 并且是目前较热门的Web 开发语言。同时， JavaScript 也是面向对象的编程语言。

***55、列举Java 和JavaScript的不同之处。***  
Java 是一门十分完整、成熟的编程语言。相比之下， JavaScript 是一个可以被引入HTML 页面的编程语言。这两种语言并不完全相互依赖，而是针对不同的意图而设计的。Java 是一种面向对象编程（ OOP ）或结构化编程语言，类似的语言有C ＋＋；而JavaScript是客户端脚本语言，它称为非结构化编程。

***56、JavaScript 和ASP 脚本相比，哪个更快？***  
JavaScript 史快。JavaScript 是一种客户端语言，因此它不需要Web 服务器的协助就可以执行；ASP 是服务器端语言，因此它总是比JavaScript 慢。值得注意的是，JavaScript 现在也可用于服务器端语言（ Node .js ） 。

***57、什么是负无穷大？***  
Infinity 代表了超出JavaScript 处理范围的数值。也就是说， JavaScript 无法处理的数值都是In白nity ， 实践证明， JavaScript 所能处理的最大值（ N umber.MAX\_VALUE ）是1.797 693 134 862 315 7e+308 ，超过该数则为正无穷大；而最小值（ Number.MIN VALUE)是如－324 ，小于该数则为0 。所以负无穷大代表的是小于－Number.MAX VALUE 的数字，JavaScript 中对应静态变量Number.NEGATIVE一卧JFINITY ,

***58、如何将JavaSc 「ipt 代码分解成几行？***  
在字符串语句中可以通过在第一行末尾使用反斜杠“ ＼ ”来完成’例如，  
document. writ巳（“This is \\a program”) 。  
如果不是在字符串语句中更改为幸斤行，那么JavaScript 会忽略行中的断点。下面的代码是完美的，但并不建议这样做，因为阻碍了调试。  
var x=l, y=2 ,  
z=  
x+y ;

***59、什么是未声明和未定义的变量？***  
未声明的变量是程序中不存在且未声明的变量。如果程序尝试读取未声明变量的值，则会在运行时遇到错误。未定义的变量是在程序中声明但尚未给出任何值的变量。如果程序尝试读取未定义变量的值， 则返回未定义的值。

***60、如何编写可动态添加新元素的代码？***  
下面给出一段示例代码。

< ! DOCTYPE html>
    <html lang="en" >
    <head>
    <meta charset=" UTF-8" >
    <title ＞爱创课堂一一专业前端技术培训II 学校＜／ title>
    </head>
    <body>
    <p id= " ickt ">ickt</p>
    <script type=” text/javascript ">
    function addNode () {
    var p = document . createElement ( 'p ’ );
    var textNode = document . createTextNode （ ’ 爱创课堂’ ）；
    p . appendChild(textNode) ;
    document . getElementByid ( ’ ickt ') . appendCh 工ld(p)
    addNode ()
    </script>
    </body>
    </html>

***61、什么是全局变量？这些变量如何声明？使用全局变量有哪些问题？***  
全局变量是整个代码中都可用的变量， 也就是说，这些变量没有任何作用域。var 关键字用于声明局部变量， 如果~－略var 关键字，则声明一个全局变量。使用全局变量面临的问题是局部交量和全局变量名称的冲突。此外，很难调试和测试依赖于全局变量的代码。

***62、解释JavaScript 中定时器的工作，并说明使用定时器的缺点***  
定时器用于在设定的时间执行一段代码， 或者在给定的时间间隔内重复该代码。这通过使用函数setTi meout 、setlnterval 和clearinterval 来完成。  
setTimeout （如nction , delay ）函数用于启动在所属延迟之后调用特定功能的定时器。  
setlnterval ( function , delay ）函数用于在捉到的延迟中重复执行给定的功能，只有在取消时才停止。  
cl earl nte r飞1 al ( id ）函数指示定时器停止。  
定时器在一个线程内运行，因此事件可能需要排队等待执行。

***63、ViewState 和SessionState 有什么区别？***  
ViewState 特定于会话中的页面；Session State 特定于可在Web 应用程序中的所有页面上访问的用户特定数据。

***64、什么是==＝运算符？***  
==＝称为严格等式运算符，当两个操作数具有相同的值和类型时，该运算符返回true 。

***65、说明如何使用JavaScript 提交表单。***  
要使用JavaScript 提交表羊，可以使用以下代码。  
document . form \[0\] submit ();

***66、元素的样式／类如何改变？***  
可以通过以下方式改变元素的样式。  
document . getElementByid (”myText ” ) . style . fontSize = "20? ;  
可以通过以下方式改变元素的类。  
document . getElementByid (”myText ”) . c l assName = ”anyclass ”;

***67、JavaScript 中的循环结构都有哪些？***  
for 、while 、do … wh il e 、for\_in, for of ( E创新增的）。

***68、如何在JavaScript 中将base 字符串转换为integer?***  
parseint（）函数解析一个字符串参数，并返回一个指定基数的整数。parselnt（）将要转换的字符串作为其第一个参数，第二个参数是给定字符串的转换进制基数。为了将4F （基数16 ）转换为整数，可以使用代码parselnt （"4F "，16）。

***69、说明“＝ ＝ ”和“ ＝＝＝ ”的区别。***  
"＝＝"仅检查值相等性，而"＝＝＝"用于更严格的等式判定。如果两个变量的值或类型不同，则后者返回false 。

***70、3 + 2 ＋“ 7”的结果是什么？***  
由于3 和2 是整数，它们将直接相加，同时由于“ 7”是一个字符串，将会被直接连接， 因此结果将是57 。

***71、如何检测客户端机器上的操作系统？***  
为了检测客户端机器上的操作系统，应使用navigator.叩pVersion 字符串（属性）。

***72、JavaScript 中的null 表示什么？***  
null 用于表示无值或无对象。它意味着没有对象或空字符串，没有有效的布尔值，没有数值和数组对象。

***73、delete 操作符的功能是什么？***  
delete 操作符用于删除对象中的某个属性，但不能删除变量、函数等。

***74、JavaScript 中有哪些类型的弹出框？***  
alert 、confirm 和prompt 。

***75、void ( 0 ）的作用是什么？***  
void 操作符使表达式的运算结果返回undefined ,  
void ( 0 ）用于防止页面刷新，并在调用时传递参数“。” 。  
void ( 0 ）用于调用另一种方法而不刷新页面。

***76、如何强制页面加载JavaScript 中的其他页面？***  
必须插入以下代码才能达到预期效果。

***77、转义字符是用来做什么的？***  
当使用特殊字符（如羊引号、双引号、撒号和＆符号）时，将使用特义字符（反斜杠） 。在字符前放置反斜杠，使其显示。  
下面给出两个示例。

document . write " I m a " good " boy "
    document . write " I m a \ " good \ "boy "

***78、什么是JavaScript cookie?***  
cookie 是存储在访问者计算机中的变量。每当一台计算机通过浏览器请求某个页面时，就会发送这个cookie ， 可以使用JavaScript 来创建和获取cook ie 的值。

***79、解释JavaScript中的pop（）方法。***  
pop （）方法与shift （）方法类似， 但不同之处在于shift （）方法在数组的开头工作。此外， pop （）方法将最后一个元素从给定的数组中取出并返回，然后改变被调用的数组。  
例如：

var colors = [ "red ","blue ","green" ] ;
    colors . pop ();
    // colors : [ " red ","blue" ]

***80、在JavaScript中使用innerHTML 的缺点是什么？***  
缺点如下：  
( 1 ）内容随处可见。  
( 2 ）不能像“追加圭1J innerHTML ” 一样使用。  
( 3 ）即使使用＋＝，如“ innerHTML = inner HTML ＋ ‘ html ’”，旧的内容仍然会被HTML替换。  
( 4 ） 整个innerHTML 内容被重新解析并构建成元素， 因此它的速度要使得多。  
( 5 ) inn e rHTML 不提供验证，因此可能会在文档中插入具有破坏性的HTML 并将其中断。

***81、break 和continue 语句的作用是什么？***  
break 语句从当前循环中退出；continue 语句继续下一个循环语句。

***82、在JavaScript 中， datatypes 的两个基本组是什么？***  
两个基本组是原始类型和引用类型。  
原始类型包括数字和布尔类型。引用类型包括更复杂的类型，如字符串和日期。

***83、如何创建通用对象？***  
通用对象可以通过以下代码创建。  
var o =new Object （） 。

***84、typeof 是用来做什么的？***  
typeof 是一个运算符，用于返回变量类型的字符串描述。

***85、哪些关键字用于处理异常？***  
try… catch … finally 用于处理JavaScript 中的异常。  
try\{  
执行代码  
) catch (exp ) \{  
抛出错误提示信息  
) finally \{  
无论try /catch 的结果如何都会执行  
\}

***86、JavaScript 中不同类型的错误有几种？***  
有3 种类型的错误。  
Load time errors ，该错误发生于加载网页时，例如出现语法错误等状况，称为加载时间错误，并且会动态生成错误。  
Run time errors ， 由于在HTML 语言中滥用命令而导致的错误。  
Logical Errors ，这是由于在具有不同操作的函数上执行了错误逻辑而发生的错误。

***87、在JavaScript 中， push 方法的作用是什么？***  
pu sh 方法用于将一个或多个元素添加或附加到数组的末尾。使用这种方法，可以通过传递多个参数来附加多个元素。

***88、在JavaScript中， unshift 方法的作用是什么？***  
unshift 方法就像在数组开头工作的push 方法。该方法用于将一个或多个元素添加到数组的开头。

***89、如何为对象添加属性？***  
为对象添加属性有两种常用语法。  
中括号语法，比如obj ［" class "］ = 12 。  
点语法， 比如obj.class= 12 。

***90、获得CheckBox 状态的方式是什么？***  
alert ( docurnent.getElementByld (’checkbox l’ ) .checked) ;  
如果CheckBox 选中， 此警告将返回TRUE 。

***91、解释一下window. onload 和onDocumentReady 。***  
在载入页面的所有信息之前，不运行window.on load 。这导致在执行任何代码之前会出现延迟。  
window.onDocumentReady 在加载DOM 之后加载代码。这九许代码史早地执行（早于window.onlonad ） 。

***92、如何理解JavaScript 中的闭包？***  
闭包就是能够读取其他函数内部变量的函数。  
闭包的用途有两个， 一是可以读取函数内部的变量，二是让这些变量的值始终保持在内存中。

***93、如何把一个值附加到数组中？***  
可以在数纽末尾处添加成员arr \[arr.length\] = value；或者调用push 方法arr.push(value） 。

***94、解释一下for-in 循环。***  
for-in 循环用于循环对象的属性。  
for-in 循环的语法如下。  
f or (var iable name 工n obje c t) \{ )  
在每次循环中，来自对象的一个属性与变量名相关联， 循环继续，直到对象的所有属性都被迫历。

***95、描述一下JavaScript 中的匿名函数。***  
被声明为没有任何命名标识符的函数称为匿名函数。一般来说，匿名函数在声  
明后无法访问。  
匿名函数声明示例如下。  
var anon=function( ) \{  
a lert ( ’ I am a nonymous ’);  
\}  
a non(）;

***96、IE 和DOM 事件流的区别是什么？***  
区别如下。  
( 1 ）执行顺序不一样。  
( 2 ）参数不一样。  
( 3 ） 事件名称是否加o n 不一样。  
( 4 ) t hi s 指向问题不一样。

***97、阐述一下事件冒泡。***  
JavaScript 九许DOM 元素嵌套在一起。在这种情况下，如果单击子级的处理程序，父级的处理程序也将执行同样的工作。

***98、JavaScript 里函数参数arguments是数组吗？***  
在函数代码中，使用特殊对象arguments ， 开发者无须明确指出参数名，使用下标就可以访问相应的参数。  
arguments 虽然有数组的性质，但其并非真正的数组。它只是一个类数组对象，并没有数组的方法，不能像真正的数纽那样调用.join （）、.con cat （） 、. pop （）等方法。

***99、什么是构造函数？它与普通函数有什么区别？***  
构造函数是一种特殊的方法，主要用来创建对象时初始化对象，经常与new 运算符一起使用，创建对象的语句中构造函数的名称必须与类名完全相同。与普通函数相比，区别如下。  
( I ）构造函数只能由new 关键字调用。  
( 2 ）构造函数可以创建实例化对象。  
( 3 ）构造函数是类的标志。

***100、请解释一下JavaScript 和css 阻塞。***

JavaScript 的阻塞特性是所有浏览器在下载JavaScript 代码的时候， 会阻止其他一切活动，比如其他资源的下载， 内容的呈现等，直到JavaScript 代码下载、解析、执行完毕后才开始继续并行下载其他资源并渲染内容。
    为了提高用户体验， 新一代浏览器都支持并行下载JavaScript 代码，但是Java Script 代码的下载仍然会阻塞其他资源的下载（例如图片、css 文件等） 。
    为了防止JavaScript 修改DOM 树，浏览器需要重新构建DOM 积仁所以就会阻塞其他资源的下载和渲染。
    嵌入的JavaScr ipt 代码会阻塞所有内容的呈现，而外部JavaScript 代码只会阻塞其后内容的显示，两种方式都会阻塞其后资源的下载。也就是说，外部脚本不会阻塞外部脚本的力口载，但会阻塞外部脚本的执行。
    css 本来是可以并行加载的，但是当css 后面跟着嵌入的JavaScript 代码的时候，该css 就会阻塞后面资源的下载。
    而当把嵌入的JavaScript 代码放到 css 前面时，就不会出现阻塞的情况了（在IE6 下css 都会阻塞加载）。
    根本原因是因为浏览器会维持HTML 中css 和JavaScript 代码的顺序，样式表必须在嵌入的JavaScript 代码执行前先加载、解析完。
    而嵌入的JavaScript 代码会阻塞后面的资源力口载，所以就会出现css 阻塞资源、加载的情况。