前端开发 JavaScript 干货知识点汇总_JavaScript

很多初学的朋友经常问我，前端javascript都需要学习哪些东西呀？哪些是javascript的重点知识啊？

其实做前端开发工程师，所有的知识点都是我们学习必备的东西，只有扎实的技术基础才是高薪的关键！

不过javascript的知识点比较多，一篇文章的内容没办法讲完。今天就来点知识点难度干货，大家来了解一下javascript的几个基础难点知识，给大家查漏补缺，不懂的知识可以去查一下，或者也可以私聊老师。

理解javascript面向对象编程

面向对象的三大特点：继承、封装、多态

1、js中通过prototype实现原型继承

2、js对象可以通过对象冒充，实现多重继承

3、object类是所有js类的基类

4、通过function对对象进行封装

5、通过使用arguments实现参数重载

6、es6语法糖可以直接定义类class,继承对象extends

8个javascript数据类型

1.基本数据类型：

undefined:代表一切未知的事物，啥都没有，无法想象，代码也就更无法去处理了。

注意：typeof(undefined) 返回也是 undefined。可以将undefined赋值给任何变量或属性，但并不意味了清除了该变量，反而会因此多了一个属性。

null:有那么一个概念，但没有东西。无中似有，有中还无。虽难以想象，但已经可以用代码来处理了。

注意：typeof(null)返回object，但null并非object，具有null值的变量也并非object。

boolean:布尔类型，true or false，是就是，非就非，没有疑义。对就对，错就错，绝对明确。既能被代码处理，也可以控制代码的流程。

number:线性的事物，大小和次序分明，多而不乱。便于代码进行批量处理，也控制代码的迭代和循环等。

注意：typeof(nan)和typeof(infinity)都返回number 。

nan参与任何数值计算的结构都是nan，而且 nan != nan 。infinity / infinity = nan 。

string:字符串类型，面向人类的理性事物，而不是机器信号。人机信息沟通，代码据此理解人的意图等等，都靠它了。

2.引用数据类型：object、array、function

判断数据类型的几种方法

1、typeof

2、prototype

3、instanceof

4、constructor

5、object.prototype.tostring.call(a)

注意： typeof null === object

object对象

javascript中所有的对象都继承自object

constructor属性是保存当前对象的构造函数，前面的例子中，constructor保存的就是object方法。

hasownproperty方法接收一个字符串参数，该参数表示属性名称，用来判断该属性是否在当前对象实例中，而不是在对象的原型链中。

isprototype方法接收一个对象，用来判断当前对象是否在传入的参数对象的原型链上

array数据的一些方法用法

concat() 连接两个或更多数组

splice(index,len,[item]) 删除元素，并向数组添加一个新元素。

slice() 从某个已有的数组返回选定的元素

join() 把数组的所有元素放入一个字符串，元素通过指定的分隔符进行分割

push() 在数组后添加元素，并返回新的长度

unshift() 在数组最前添加元素

pop() 删除数组最后一个元素并返回该元素的值

reverse() 颠倒数组中元素的顺序

shift() 删除并返回数组中第一个元素

sort() 对数组元素进行排序

tosource() 返回该对象的源代码

tostring() 把数组转换为字符串并返回结果

tolocalestring() 把数组转换为本地数组，并返回结果

valueof() 返回对象的原始值

这些数组对象的操作方法，大家可以多翻阅开发文档来熟悉。

function函数的理解

两种自定义函数的方法

1.function fnname(){}

2. var fnname=function(){}

函数的返回值：

1.当函数无明确返回值时，函数返回undefined。

2.有返回值返回。

函数的参数列表是可变的，数据类型也是任意数据类型，js中有一个变量，argument可以访问所有传到函数内部的参数。

js支持创建动态函数，动态函数必须用function对象来定义。

javascript本身不支持函数的重载。如果两个方法名字一样，即使参数个数不一样，那么后面定义的就会覆盖前面定义，调用方法时永远是调用后定义的那个。

ajax请求的原理

通过xmlhttprequest对象来向服务器发送异步请求，从服务器获取数据。

然后用javascript来操作dom而更新页面。

xmlhttprequest是ajax的核心机制，它是ie5中首先引入的，是一种支持异步请求的技术。

简单的说，也就是javascript可以及时的向服务器提出请求并及时响应。而不阻塞用户。达到无刷新效果。

由事件触发，创建一个xmlhttprequest对象，把http方法（post/get）和目标url以及请求返回后的回调函数设置到xmlhttprequest对象，通过xmlhttprequest向服务器发送请求，请求发送后继续响应用户的界面交互，只有等到请求真正从服务器返回的时候才调用callback()函数，对响应数据进行处理。