<script>
var script=document.createElement("script");
script.type="text/javascript";
script.src="/UploadFiles/2021-04-02/file.js">

此技术的重点在于：无论在何处启动下载，文件额下载和运行都不会阻塞其他页面处理过程。即使在head里（除了用于下载文件的http链接）。
19、对比Flash与ajax哪个好,在使用中如何取舍？

Ajax的优势：

(1)、可搜索性

普通的文本网页会更有利于SEO。文本内容是搜索引擎容易检索的，而繁琐的swf字节码却是搜索引擎不愿触及的。虽然Google等一些大型的搜索引擎可以检索SWF内部的内容，但是仍然有很多麻烦存在。

(2)、开放性

Flash常年以来被Macromedia看的很死。包括Flex、FMS等辅佐技术一直都需要昂贵的安装、维护费用。而JS则没有这样的麻烦。没有人愿意承担法律和版权的风险。

费用

Flash开发是很昂贵的，因为FlashIDE等环境都是要收费的．而Ajax则不同．虽然有一些便宜的生成swf的工具，但是他们的工能实在无法满足复杂需求。

(3)、易用性

Ajax程序有更好的易用性。由于中间有一层Flashplayer代理层，因此许多辅助功能无法被Flash灵活利用。而且Flash在一些方面有着不好的口碑。比如弹出广告、比如恶意代码。

（awflasher.com个人认为这八成是乱上xx网站造成的）

(4)、易于开发

人们开发复杂的Ajax和Flash应用程序时，都会借助一些高级的开发工具。普遍来说，Ajax的开发包比Flash简便、容易。

Flash的优势：

(1)、多媒体处理

Flash在音频、视频等多媒体领域相比HTML有绝对的优势。现在几乎所有的网站都包含有Flash内容。

(2)、兼容性

兼容性好：由于通过了唯一的FlashPlayer“代理”。人们不必像调试JS那样，在不同的浏览器中调试程序。

(3)、矢量图型

这是Flash最大的优势，同样处在这一领域的SVG、Canvas element以及Direct完全不能与Flash相比。

(4)、客户端资源调度

Flash能够更容易的调用浏览器以外的外部资源。比如摄像头、麦克风等。然而这是普通的HTML无法完成的。但是这也许是一个缺点（为什么呢？）
Ajax的劣势：

(1)、它可能破坏浏览器的后退功能 

(2)、使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中 ，不过这些都有相关方法解决。

Flash的劣势：

(1)、二进制格式 

(2)、格式私有

(3)、flash 文件经常会很大，用户第一次使用的时候需要忍耐较长的等待时间 

(4)/性能问题

ajax与flash各有利弊，到底哪个好，这取决于你的需求
20、请你解释一下事件冒泡机制"htmlcode">

//阻止冒泡时间方法，兼容ie(e.cancleBubble)和ff(e.stopProgation)
function stopBubble(e){
var evt = e||window.event;
evt.stopPropagation"color: #800000">(1)、标记清除（mark and sweep）

这是`JavaScript`最常见的垃圾回收方式，当变量进入执行环境的时候，比如函数中声明一个变量，垃圾回收器将其标记为“进入环境”，当变量离开环境的时候（函数执行结束）将其标记为“离开环境”。

垃圾回收器会在运行的时候给存储在内存中的所有变量加上标记，然后去掉环境中的变量以及被环境中变量所引用的变量（闭包），在这些完成之后仍存在标记的就是要删除的变量了

(2)、引用计数(reference counting)

在低版本`IE`中经常会出现内存泄露，很多时候就是因为其采用引用计数方式进行垃圾回收。引用计数的策略是跟踪记录每个值被使用的次数，当声明了一个 变量并将一个引用类型赋值给该变量的时候这个值的引用次数就加1，如果该变量的值变成了另外一个，则这个值得引用次数减1，当这个值的引用次数变为0的时 候，说明没有变量在使用，这个值没法被访问了，因此可以将其占用的空间回收，这样垃圾回收器会在运行的时候清理掉引用次数为0的值占用的空间。

在IE中虽然`JavaScript`对象通过标记清除的方式进行垃圾回收，但BOM与DOM对象却是通过引用计数回收垃圾的，也就是说只要涉及BOM及DOM就会出现循环引用问题。
24、说说你对原型（prototype）理解" prototype"内部属性，这个属性所对应的就是该对象的原型。

"prototype"作为对象的内部属性，是不能被直接访问的。所以为了方便查看一个对象的原型，Firefox和Chrome内核的JavaScript引擎中提供了"__proto__"这个非标准的访问器（ECMA新标准中引入了标准对象原型访问器"Object.getPrototype(object)"）。
原型的主要作用就是为了实现继承与扩展对象。
25、typeof与instanceof的区别是什么？

在 JavaScript 中，判断一个变量的类型可以用typeof

(1)、数字类型， typeof 返回的值是 number。比如说：typeof(1)，返回值是number

(2)、字符串类型， typeof 返回的值是 string。比如typeof("123")返回值是string。 

(3)、布尔类型， typeof 返回的值是 boolean 。比如typeof(true)返回值是boolean。

(4)、对象、数组、null 返回的值是 object 。比如typeof(window)，typeof(document)，typeof(null)返回的值都是object。

(5)、函数类型，返回的值是 function。比如：typeof(eval)，typeof(Date)返回的值都是function。

(6)、不存在的变量、函数或者undefined，将返回undefined。比如：typeof(abc)、typeof(undefined)都返回undefined。

在 JavaScript 中,instanceof用于判断某个对象是否被另一个函数构造。

使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似，用于识别正在处理的对象的类型。与 typeof 方法不同的是，instanceof 方法要求开发者明确地确认对象为某特定类型。
26、说说你对node.js的理解"text-align: center">

(1)、参数对象 （arguments）

第一个函数中有一个默认对象叫arguments，类似数组，但不是数组，该对象是传递给函数的参数。

(2)、构造函数

在javascript中对象构造函数可以创建一个对象。

(3)、函数调用

a、call：调用一个对象的一个方法，以另一个对象替换当前对象

b、apply：应用某一对象的一个方法，用另一个对象替换当前对象，与call类似。

c、caller：在一个函数调用另一个函数时，被调用函数会自动生成一个caller属性，指向调用它的函数对象。如果该函数当前未被调用，或并非被其他函数调用，则caller为null。

d、Callee：当函数被调用时，它的arguments.callee对象就会指向自身，也就是一个

对自己的引用。
30、简要说说什么是IIFE？它有什么作用"htmlcode">

//最常用的两种写法
(function(){ /* code */ }()); // 老师推荐写法
(function(){ /* code */ })(); // 当然这种也可以

// 括号和JS的一些操作符（如 = && || ,等）可以在函数表达式和函数声明上消除歧义
// 如下代码中，解析器已经知道一个是表达式了，于是也会把另一个默认为表达式
// 但是两者交换则会报错
var i = function(){ return 10; }();
true && function(){ /* code */ }();
0, function(){ /* code */ }();

// 如果你不怕代码晦涩难读，也可以选择一元运算符
!function(){ /* code */ }();
~function(){ /* code */ }();
-function(){ /* code */ }();
+function(){ /* code */ }();

// 你也可以这样
new function(){ /* code */ }
new function(){ /* code */ }() // 带参




IIFE的作用

(1)、提高性能：减少作用域查找时间。使用IIFE的一个微小的性能优势是通过匿名函数的参数传递常用全局对象window、document、jQuery，在作用域内引用这些全局对象。JavaScript解释器首先在作用域内查找属性，然后一直沿着链向上查找，直到全局范围。将全局对象放在IIFE作用域内提升js解释器的查找速度和性能。

(2)、压缩空间：通过参数传递全局对象，压缩时可以将这些全局对象匿名为一个更加精简的变量名

(3)、避免冲突：匿名函数内部可以形成一个块级的私有作用域。

(4)、依赖加载：可以灵活的加载第三方插件，当然使用模块化加载更好（AMD,CMD）
31、谈谈你对Function与Object的理解"color: #800000">Function

函数就是对象,代表函数的对象就是函数对象。所有的函数对象是被Function这个函数对象构造出来的。Function是最顶层的构造器。它构造了系统中所有的对象，包括用户自定义对象，系统内置对象，甚至包括它自已。这也表明Function具有自举性(自已构造自己的能力)。这也间接决定了Function的call和constructor逻辑相同。每个对象都有一个 constructor 属性,用于指向创建其的函数对象。

a、函数与对象具有相同的语言地位

b、没有类,只有对象

c、函数也是一种对象,所谓的函数对象

d、对象是按引用来传递的

Object

对于Object它是最顶层的对象，所有的对象都将继承Object的原型，但是你也要明确的知道Object也是一个函数对象，所以说Object是被Function构造出来的。

JavaScript 原型链

32、$.extend与$.fn.extend区别是什么"color: #800000">$.extend

在jQuery根命名空间下直接调用的方法可以认为是jQuery的静态方法或属性，常常使用方法名来调用，使用.方法名来调用，使用.extend这个静态方法可以完成两个功能:

a、扩展属性或方法给jQuery

b、扩展对象

$.fn.extend

.fn就是jQuery的原型，.fn等于jQuery.prototype，是jQuery的别名。.fn.extend方法的作用是用于扩展jQuery实例对象，也就是我们从页面中获得的jQuery对象。

.fn扩展了jQuery的原型，让所有的jQuery实例对象都得到的扩展的方法，其它也可以直接修改jQuery.prototype来实现，.fn是jQuery.prototype的简写

33、什么是链式编程"."链接在一起成为一句代码。 链式代码通常要求操作有返回值， 但对于很多操作大都是void型，什么也不返回，这样就很难链起来了， 当然也有解决办法，可能不太优雅。 链式编程的新思想在jQuery中已流行使用

示例:


return $.each(this, function(index, obj) {
   $("<span/>").html("+").css("cursor", "pointer").click(function() {
    $(obj).width($(obj).width() + length);
   }).insertAfter(obj);
  });



上面的示例中当$.each循环完成后返回this对象，返回的仍然是一个jQuery对象，所以可以继续jQuery编程。
$("button").SuperPlus(10).height(26).width(100).css("color","blue");
34、请指出 JavaScript中的本地对象、内置对象、宿主对象的区别？

(1)、本地对象

ECMA-262 把本地对象（native object）定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。

再来看一下，“本地对象”包含哪些内容：

Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError

由此可以看出，简单来说，本地对象就是 ECMA-262 定义的类（引用类型）。

(2)、内置对象

ECMA-262 把内置对象（built-in object）定义为“由 ECMAScript 实现提供的、独立于宿主环境的所有对象，在 ECMAScript 程序开始执行时出现”。这意味着开发者不必明确实例化内置对象，它已被实例化了。

同样是“独立于宿主环境”。根据定义我们似乎很难分清“内置对象”与“本地对象”的区别。而ECMA-262 只定义了两个内置对象，即 Global 和 Math （它们也是本地对象，根据定义，每个内置对象都是本地对象）。

如此就可以理解了。内置对象是本地对象的一种。而其包含的两种对象中，Math对象我们经常用到，可这个Global对象是啥东西呢？

Global对象是ECMAScript中最特别的对象，因为实际上它根本不存在，但大家要清楚，在ECMAScript中，不存在独立的函数，所有函数都必须是某个对象的方法。类似于isNaN()、parseInt()和parseFloat()方法等，看起来都是函数，而实际上，它们都是Global对象的方法。

(3)、宿主对象

由ECMAScript实现的宿主环境提供的对象，即我们网页的运行环境（操作系统和浏览器），所有的BOM和DOM都是宿主对象。 

宿主环境提供的全局方法： 

alert、confirm、prompt、write、writeln(后面的两种是document的方法)

内置对象是本地对象的一种，本地对象时由官方定义的，而宿主对象相当于由自己定义的对象、DOM对象和BOM对象组成的
35、请解释一下变量声明提升"color: #800000">a、变量定义

可以使用var定义变量，变量如果没有赋值，那变量的初始值为undefined。

b、变量作用域

变量作用域指变量起作用的范围。变量分为全局变量和局部变量。全局变量在全局都拥有定义；而局部变量只能在函数内有效。 

在函数体内，同名的局部变量或者参数的优先级会高于全局变量。也就是说，如果函数内存在和全局变量同名的局部变量或者参数，那么全局变量将会被局部变量覆盖。 

所有不使用var定义的变量都视为全局变量。
博客数据来源声明：

本博客大部分数据来源于各大网站的收集整理改编，主要有GitHub(https://github.com)、题来了(http://www.tilaile.com)、牛客网(https://www.nowcoder.com)、一些英文网站，还有一些论坛、博客、IT招聘等网站。还有少部分数据时来源于本人自己整理添加，添加的内容主要是本人认为比较重要知识点，面试时可能会问到的题目，自己整理题目以及参考答案，答案仅供参考，答案可能存有错误或不足，欢迎大家批评指正或补充更好的答案。好让我及时更正，以免误导其他人。本博客仅提供参考作用。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。