第一家面试【总结】

╰+哭是因爲堅強的太久メ 2022-05-22 11:20 157阅读 0赞

首先面试官的提问

1.对js的闭包有什么理解

2.jQuery和BootStrap有什么区别

3.Es6怎么定义一个变量

4.js如何定义一个变量，有var和没var的区别是什么？

5.Mabatis如何实现分页？

6.接口和抽象类的区别？

7.有哪些数据结构？

8.JS如何链到手机端（说实话是真的不了解，没做过APP）

9.如何新增一行button？

答案如下：

1.js的闭包：

闭包就是一个函数引用另外一个函数的变量，因为变量被引用着所以不会被回收。

JS的解释器是这样做的：当函数执行完毕后，由JS解释器的垃圾回收机制来释放内存，即定期执行，判断一块被占用的内存区域是否还被可用变量所引用，如果没有直接释放内存，如果有，就不释放。

举例说明：

`function` `createFunctions(){`

`  ` `var` `result =` `new` `Array();`

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

`    ` `result[i] =` `function` `(){`

`      ` `return` `i;`

`    ` `};`

`  ` `}`

`  ` `return` `result;`

`}`

`var` `funcs = createFunctions();`

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

`  ` `console.log(funcs[i]());`

`}`

这段代码的输出结果不是0~9，而是10个10

关键点就在于var f = function()\{ alert("123")\}; 这样一行代码是不会alert东西出来的，因为这一句根本不能执行函数，如果加上f();就可以执行了。

所以以上代码就能很好解释了，在creatFunctions()函数当中，for循环里面代码的效果就是result\[f,f,f,f,f,...\]这样的一个数组。说得通俗一点就是由于方法没执行，所以数组里面存放的其实是function（就是for循环里面的function的方法体）。所以createFunction()函数执行完了以后得到的就是一个result数组，数组里面是有方法体（return i ;）的函数,还有呢就是执行完了以后，该方法里面的i就变成了10。funcs是创建的一个变量，也是一个数组，那个下面的for循环的结果呢就是输出数组的值，例funcs\[0\]();这一句呢就是输出result数组的0下标的值，刚才说过，数组里面每一位都是函数，那么0下标的自然也是函数，函数的函数体是   return i ;   此时的关键就在于i是多少，那我们也说过了，执行完了createFunction()函数的时候i已经变成了10，此时直接执行return i ;所以结果就是打印出10。同理，result数组的每个元素都打印出10，因为i是没有变的。

那以上例子和闭包之间的联系在于什么呢，i就是关键，我们可以看到这一句  `var` `funcs = createFunctions();`  该句的作用呢就是创建一个函数，得到createFunction函数的值，那么在createFunction()函数里面呢，有这样一句， `return` `result;`  这一句呢就意味着要用到createFunction()函数里面的变量（i），所以就产生了闭包。所以就会变量i导致了以上程序产生了闭包。``

再举一个例子，直接上代码

var a = function(x){
        var b = 'bb';
        var inner = function(){
            var c = 'cc';
            console.log(inner === closure);
        };
        return inner ;
    };
    
    var closure = a();
    
    closure();/*输出控制台：true*/

那么我们使用闭包产生的原理——一个函数引用了另一个函数的变量来分析这段代码，由于

var closure = a();

这句将a函数的返回结果给了closure()函数，而在a()函数里面有这样一句

return inner ;

那么inner是一个函数，既然要返回它肯定就要执行它，所以就会用到它的变量，就产生了闭包。

2.jQuery和BootStrap有什么区别    引用【https://blog.csdn.net/detergent/article/details/79061557】：

之前一直只知道这是前端的两个框架，以为没有多大的联系，反正前端框架很多嘛，这些名称是总能听到，但是都不知道具体是些什么，现在深究这个问题的时候发现，就这一个问题还值得花时间去钻研。网上找了一些相关文章看，大致弄懂了一些概念性的问题。

概念：

jQuery是一个前端框架，那么它到底做了些什么呢，它封装了js常用的功能代码，提供一种简便的js设计模式，优化HTML文档操作，事件处理，动画设计和Ajax交互。即它是一个js函数库，更偏重于操作DOM，对DOM的遍历和修改。

BootStrap是一个响应式的框架，包含css和jQuery插件，依赖于jQuery。更偏向于页面布局样式设计。

区别：

1.Bootstrap以及jQuery主要以Web Site场景为主 也就是网站的页面展示层 能够提供很多艳丽的效果

2.Bootstrap是一个前台框架，包含css和jQuery插件，所以，它和jQuery必须一起使用。即使用时引入jQuery

3.Bootstrap中定义了很多样式，利用其提供的样式随意组合基本上就能满足一些页面的样式需求。

4.由于Bootstrap是响应式框架，会根据浏览设备不同，展示不同的效果。所以，如果要用jQuery做一个网站的话，pc端用jQuery-ui，手机端用jQuery-mobile【需要做两套网站】。而用Bootstrap就只需要做一套。

自己的看法：

那其实我自己总结的话，我认为jQuery和Bootstrap是没有特别大的可比性的，因为从分类来讲Bootstrap和easyUi（基于jQuery的框架，更侧重于页面显示）更像是一类，那么Bootstrap更偏向于简单的小页面，简约美观，而easyUi看起来有些呆板，但是API封装得特别好，可以避免引入额外的插件。

3.Es6怎么定义一个变量

ES6声明变量是用let声明的，js是用var来声明的，区别在于let只在其声明的代码块内有效果。例

![70][]

以上代码中就可以看到，在代码块之外，a是没有定义的，找不到，而var声明的b是可以正确返回结果的。

这样设计的好处也是很多的，详见阮一峰ES6教程    http://es6.ruanyifeng.com/\#docs/let

4.js如何定义一个变量，有var和没var的区别是什么？

在上一个问题就说过了，js是用var定义变量的，那么有var没var是否有区别呢？

首先一段os：有时候会直接 变量=某个值，也没有用var声明，好像能正常使用，也没有出错。但是没有深层次的想究竟是全局还是局部，也不知道什么时候会出现undefined的情况。

好了，查询资料上答案：

1.方法内加var，局部变量，不加var，全局变量

2.方法外加var，全局变量，不加var，要求赋值，不然会报undefined；

[70]: /images/20220522/ef062f6d632a4e56bec5d306a6025d64.png