复习面试题2

1.什么是闭包？你在哪里使用过？
定义：闭包就是能够读取其他函数内部变量的函数。
作用：读取函数内部的变量值；让这些变量值始终保存着(在内存中)

案例：

    //闭包的坑

    for (var i = 0; i < 5; i++) {
setTimeout(function () {
       console.log(i);
  }, i*100);  
    }
    //解决方法1
    for (var i = 0; i < 5; i++) {
(function(i){
setTimeout(function () {
           console.log(i);
      }, i*100);
})(i)  

    }

2.你知道ECMA的新语法吗？用过哪些？
   ES6的一些新语法和功能有用到过，有利于精简代码，高效开发。
   箭头函数：ES6中可以使用 => 作为函数表达形式，极简风格，参数＋ => ＋函数体。
var foo = function(){return 1;};
//等价于
let foo = () => 1;
箭头函数中的 this 指的不是window，是对象本身。
function aa(){
      this.bb = 1;
      setTimeout(() => {
    this.bb++; //this指向aa
        console.log(this.bb);
      },500);
}
aa(); //2
   let、const：
ES6 推荐在函数中使用 let 定义变量
const 用来声明一个常量，但也并非一成不变的
let 和 const 只在最近的一个块中（花括号中）有效
var a = 1;
{
   let a = 2;
   console.log(a); //2
}
console.log(a); //1
const A = [1,2];
A.push = 3;
console.log(A); //[1,2,3]
A = 10; //Error
   解构：高效简洁的赋值方法
//通常情况下
var first = someArray[0];
var second = someArray[1];
var third = someArray[2];
//解构赋值
let [first, second, third] = someArray; //比上面简洁很多
//还有下面例子
let [,,third] = [1,2,3];
console.log(third); //3
let [first,...last] = [1,2,3];
console.log(last); //[2,3]
//对象解构
let {name,age} = {name: "lisi", age: "20"};
console.log(name); //lisi
console.log(age); //20
let {ept} = {};
console.log(ept); //undefined
   Classes：增加了类的概念，使用Class实现可以更加清晰，更像面向对象的写法。
class Animal {
      constructor(){
           console.log('我是一个动物');
      }
}

class Person extends Animal {
      constructor(){
                super();
                console.log('我是一个程序员');
            }
        }
let aa = new Person();
//我是一个动物
//我是一个程序员

3.数据交互你是怎么做的？

我使用ajax来进行前后端的数据交互
(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象.
(2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.
(3)设置响应HTTP请求状态变化的函数.
(4)发送HTTP请求.
(5)获取异步调用返回的数据.
(6)使用JavaScript和DOM实现局部刷新.

4.说说ajax跨域的相关问题，详细说说你是怎么跨域的？
（还是不知道怎么说，具体操作也还不清楚）
概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。
我一般通过通过jsonp跨域， 由于同源策略的限制，在js中，我们直接用XMLHttpRequest请求不同域上的数据时，是不可以的。但是，在页面上引入不同域上的js脚本文件却是可以的，jsonp正是利用这个特性来实现的。js文件载入成功后会执行我们在url参数中指定的函数，并且会把我们需要的json数据作为参数传入。在页面中使用动态代码元素(script)，代码的源指向服务地址并在自己的代码中加载数据。当这些代码加载执行的时候，同源策略就不会起到限制，因为同源策略不阻止动态脚本插入，并且将脚本看作是从提供 Web 页面的域上加载的。客户端在对JSON文件调用成功之后，也就获得了自己所需的数据，剩下的就是按照自己需求进行处理和展现了，这种获取远程数据的方式看起来非常像AJAX，但其实并不一样。
JSONP原理： 
1）首先在客户端注册一个callback, 然后把callback的名字传给服务器。
2）服务器先生成 json 数据。
3）然后以 javascript 语法的方式，生成一个function , function 名字就是传递上来的参数 jsonp.
4）最后将 json 数据直接以入参的方式，放置到 function 中，这样就生成了一段 js 语法的文档，返回给客户端。
5）客户端浏览器，解析script标签，并执行返回的 javascript 文档，此时数据作为参数，传入到了客户端预先定义好的callback 函数里.（动态执行回调函数）

JSONP的缺点则是：它只支持GET请求而不支持POST等其它类型的HTTP请求；它只支持跨域HTTP请求这种情况，不能解决不同域的两个页面之间如何进行JavaScript调用的问题。