JavaScript知识点总结

1.JS面向对象的理解

面向对象的三大特色：继承、封装、多态
一、JS中经过prototype实现原型继承
二、JS对象能够经过对象冒充，实现多重继承，
三、Object类是全部Js类的基类
四、经过function对对象进行封装
五、经过使用arguments实现参数重载
六、ES6语法糖能够直接定义类class,继承对象extends

2.JS数据类型

1.基本数据类型：

Undefined:表明一切未知的事物，啥都没有，没法想象，代码也就更没法去处理了。
          注意：typeof(Undefined) 返回也是 Undefined。能够将Undefined赋值给任何变量或属性，但并不意味了清除了该变量，反而会所以多了一个属性。
    
Null:有那么一个概念，但没有东西。无中似有，有中还无。虽不可思议，但已经能够用代码来处理了。
     注意：typeof(Null)返回Object，但Null并不是Object，具备Null值的变量也并不是object。
    
Boolean:是就是，非就非，没有疑义。对就对，错就错，绝对明确。既能被代码处理，也能够控制代码的流程。

Number:线性的事物，大小和次序分明，多而不乱。便于代码进行批量处理，也控制代码的迭代和循环等。
       注意：typeof(NaN)和typeof(Infinity)都返回number 。NaN参与任何数值计算的结构都是NaN，
       并且 NaN != NaN 。Infinity / Infinity = NaN 。
    
String:面向人类的理性事物，而不是机器信号。人机信息沟通，代码据此理解人的意图等等，都靠它了。

2.引用数据类型：Object、Array、Function
3.ES6新增的数据类型 
    Set集合 ：set与数组不一样在于set中不能够有重复数据,经常使用于去重操做
    Map： 用map能够避免键值必须为字符串的限制,其键值能够为对象、数组等
    Symbol类型： 用相同的字符串对对象属性名或方法进行命名时会发生命名冲突，而使用symbol产生的名字是不一样的

3.JS判断数据类型的几种方法

一、typeof
二、prototype
三、instanceof
四、constructor
五、Object.prototype.toString.call(a)
注意 ：  typeof 1 // "number"
        typeof '1' // "string"
        typeof true // "boolean"
        typeof Symbol(1) // "symbol"
        typeof {} // "object"
        typeof [] // "object"，小坑
        typeof function(){} // "function"
        typeof Symbol(1) // "symbol"
        typeof undefined // "undefined"
        typeof null // "object"，出名的坑

区别：
    1.typeof null === Object 没法判断出function（有些浏览器会出错）、array、regExp
    2. instanceof主要是判断引用类型,用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。
    3.Object.prototype.toString是对象的一个原生原型扩展函数，用来精确的区分数据类型(最保险，不容易出错的判断方法）

4.Object对象的认知

JS中全部的对象都继承自Object
建立一个新对象： 

var person = new Object();
person.name = "我有猫你没有";
person.age = 25;

constructor属性是保存当前对象的构造函数，前面的例子中，constructor保存的就是Object方法。
hasOwnProperty方法接收一个字符串参数，该参数表示属性名称，用来判断该属性是否在当前对象实例中，而不是在对象的原型链中。
isPrototype方法接收一个对象，用来判断当前对象是否在传入的参数对象的原型链上

4.Array数据的一些方法用法

concat() 链接两个或更多数组
splice(index,len,[item]) 删除元素，并向数组添加一个新元素。
Slice() 从某个已有的数组返回选定的元素
Join() 把数组的全部元素放入一个字符串，元素经过指定的分隔符进行分割
push() 在数组后添加元素，并返回新的长度
unshift() 在数组最前添加元素
pop() 删除数组最后一个元素并返回该元素的值
reverse() 颠倒数组中元素的顺序
shift() 删除并返回数组中第一个元素
sort() 对数组元素进行排序
toSource() 返回该对象的源代码
toString()  把数组转换为字符串并返回结果
toLocaleString() 把数组转换为本地数组，并返回结果
valueOf() 返回对象的原始值

数组循环的几种方式和区别

1.map() 返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值(须要直接修改数组时可以使用）
2.foreach() 用于调用数组的每一个元素，并将元素传递给回调函数,只是遍历一次数组，不会去修改原数组（获取数据某些内容时使用）
3.filter() 建立一个新的数组，新数组中的元素是原始数组经过检查返回值为true的项（过滤数据时使用）
4.every() 用于检测数组全部元素是否都符合指定条件，若是数组中检测到有一个元素不知足，则整个表达式返回false，且剩余元素不会再进行检测；若是全部元素都知足条件，则返回true
5.some() 于检测数组中是否有元素知足指定条件（函数），若是有一个元素知足条件，则表达式返回true，剩余元素再也不执行检测；若是没有知足条件的元素，则返回false
6. reduce() 数组累加器和数组中的每一个元素 (从左到右)应用一个函数，将其减小为单个值

5.Function函数的理解

两种自定义函数的方法 1.function fnName(){}  2. var fnName=function(){}
函数的返回值：1.当函数无明确返回值时，函数返回undefined。2.有返回值返回。
函数的参数列表是可变的，数据类型也是任意数据类型，JS中有一个变量，argument能够访问全部传到函数内部的参数。
Js支持建立动态函数，动态函数必须用Function对象来定义。
建立动态函数的基本格式：
var 变量名 = new Function("参数1"，"参数2"，"参数n"，"执行语句");
var add = new Function("x", "y", "return(x+y)");
JavaScript不支持函数的重载。若是两个方法名字同样，即便参数个数不同，那么后面定义的就会覆盖前面定义，调用方法时永远是调用后定义的那个。

6.Ajax请求的原理

经过XMLHttpRequest对象来向服务器发送异步请求，从服务器获取数据。而后用JavaScript来操做DOM而更新页面。
XMLHttpRequest是ajax的核心机制，它是IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是JavaScript能够及时的向服务器提出请求并及时响应。而不阻塞用    户。达到无刷新效果。由事件触发，建立一个XMLHttpRequest对象，把HTTP方法 （POST/GET）和目标URL以及请求返回后的回调函数设置到XMLHttpRequest对象，经过        XMLHttpRequest向服务器发送请求，请求发送后继续响应用户的界面交互，只有等到请求真正从服务器返回的时候才调用callback()函数，对响应数据进行处理。
Function ajax(){
If(window.XMLHttpRequest){
    Var xhr =new XMLHttpRequest();
    }else{
        Var xhr=new ActiveXObject(‘Microsoft.XMLHTTP’);
    }
    Xhr.onreadystatechange=function(){
    If(xhr.readState==4){}
    }
}

7.JS闭包（Closure）

闭包就是可以读取其余函数内部变量的函数。因为在JavaScript语言中，只有函数的内部的子函数才能读取局部变量，所以能够把闭包简单理解成“定义在函数内部的函数”。因此    在本质上，闭包就是讲函数内部和函数外部连接起来的一座桥梁。
闭包的用途：1.获取函数内部的局部变量。2.让这些变量始终保持在内存中。
注意：1.因为闭包会使得函数中的变量一直保存在内存中，因此不能滥用闭包，容易致使内存泄漏，影响网页性能，解决方法就是在退出函数以前，将再也不使用的变量所有删除        （delete）；2闭包会在父函数外部，改变父函数内部变量的值。因此，若是你把父函数看成对象（object）使用，把闭包看成它的公用方法（Public Method），把内部变量当        做它的私有属性（private value），这时必定要当心，不要随便改变父函数内部变量的值。

8.this的工做原理

This老是指向一个对象，具体是运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。
普通函数调用时，通常指向window对象；
对象方法调用时，指向该对象；
若是对象方法里有局部方法，里面的this会指向window对象；
在ES5模式下，this指向window的都会变成undefined；
Apply，call时，动态改变this

9.JS中继承的几种方法

Prototype   原型继承
Call()
Apply()
//模拟extend
 var extend=function(target,source){
     for(property in source)
     {
         if(target.hasOwnProperty(property))
         {
             target[property]=source[property];
         }else{
             target.property=source[property];
         }
     }
     return target;
 }

10.原型链

首先要理解原型
每一个JS对象都有一个prototype原型属性，指向该对象继承的原型。
原型对象上有一个 constructor 属性，该属性指向的就是构造函数。
而实例对象上有一个 __proto__  属性，该属性也指向原型对象，而且该属性不是标准属性，不能够用在编程中，该属性用于浏览器内部使用。

原型链：其实就是有限的实例对象和原型之间组成有限链，就是用来实现共享属性和继承的。

11.JS中的事件机制

12.