黑马程序员技术交流社区

标题: JavaScript 的一些知识点整理 [打印本页]

作者: 肖昌豪 时间: 2019-11-1 20:27
标题: JavaScript 的一些知识点整理
一、理解JavaScript面向对象编程
面向对象的三大特点：继承、封装、多态
1、JS中通过prototype实现原型继承
2、JS对象可以通过对象冒充，实现多重继承
3、Object类是所有Js类的基类
4、通过function对对象进行封装
5、通过使用arguments实现参数重载
6、ES6语法糖可以直接定义类class,继承对象extends

二、8个数据类型
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对象来定义。

八、Ajax请求的原理
通过XMLHttpRequest对象来向服务器发送异步请求，从服务器获取数据。
然后用JavaScript来操作DOM而更新页面。
XMLHttpRequest是ajax的核心机制，它是IE5中首先引入的，是一种支持异步请求的技术。
简单的说，也就是JavaScript可以及时的向服务器提出请求并及时响应。而不阻塞用户。达到无刷新效果。
由事件触发，创建一个XMLHttpRequest对象，把HTTP方法（POST/GET）和目标URL以及请求返回后的回调函数设置到 XMLHttpRequest对象，通过XMLHttpRequest向服务器发送请求，请求发送后继续响应用户的界面交互，只有等到请求真正从服务器返回的时候才调用callback()函数，对响应数据进行处理。

九、闭包
闭包就是能够读取其他函数内部变量的函数。
由于在JavaScript语言中，只有函数的内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在函数内部的函数”。所以在本质上，闭包就是讲函数内部和函数外部链接起来的一座桥梁。
闭包的用途：1.获取函数内部的局部变量。2.让这些变量始终保持在内存中。
注意：
1.由于闭包会使得函数中的变量一直保存在内存中，所以不能滥用闭包，容易导致内存泄漏，影响网页性能，解决方法就是在退出函数之前，将不再使用的变量全部删除（delete）；
2.闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。
关于闭包的知识点，之前的推文我有非常形象化的讲解。

十、this的工作原理
This总是指向一个对象，具体是运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。
普通函数调用时，一般指向window对象；
对象方法调用时，指向该对象；
如果对象方法里有局部方法，里面的this会指向window对象；
Apply，call时，会动态改变this

十一、原型链
理解原型链的前提，首先要理解原型，之前的推文我有详细讲解，这里就不做详细讲解了。
每个JS对象都有一个prototype原型属性，指向该对象继承的原型。
原型对象上有一个 constructor 属性，该属性指向的就是构造函数。
而实例对象上有一个 __proto__ 属性，该属性也指向原型对象，并且该属性不是标准属性，不可以用在编程中，该属性用于浏览器内部使用。
原型链：其实就是有限的实例对象和原型之间组成有限链，就是用来实现共享属性和继承的。

作者: 流浪的猫~ 时间: 2019-12-6 15:44
只要心中有天堂,哪里都是天堂

作者: 飞飞飞儿 时间: 2019-12-8 09:35
没有思想的人生，就像没有舵的船

作者: 抓住青春的尾巴 时间: 2019-12-8 11:01
成功，就是以自己喜欢的方式度过一生

作者: 25个蛋 时间: 2019-12-8 11:20
发光并非太阳的专利，你也可以发光

作者: 简单77777 时间: 2019-12-8 11:34
有些路很远，走下去会很累，可是不走，会后悔!

作者: chengjiayu 时间: 2019-12-8 12:49

最可怕的是你庸庸碌碌过一生，还骗自己平淡才是真

作者: 雨下的芭蕉 时间: 2019-12-8 13:01
当你停下来休息的时候，不要忘记别人还在奔跑。

作者: nrx679 时间: 2019-12-8 13:07
人还是要有梦想的，万一实现了呢？

作者: pakho-chou 时间: 2019-12-8 14:06

我不怕千万人阻挡，只怕自己投降

作者: 黑马润 时间: 2019-12-9 20:21
放轻松就当漫游地球

别害怕宇宙都温柔

作者: 大雄的竹蜻蜓 时间: 2019-12-10 12:33
自己喜欢的日子，就是最美的日子；适合自己的生活，是最好的活法。

作者: 你好，姚 时间: 2019-12-10 12:56
加油加油

作者: 小www 时间: 2019-12-10 12:59
坚持梦想，你会成功的

作者: 陈么么 时间: 2019-12-10 13:00
祝愿前程似锦~

作者: 情非得已。 时间: 2019-12-10 13:02
做一个比昨天更好的人，是给自己最好的礼物。

作者: 是仙女呀 时间: 2019-12-10 13:29
要先把手放开，才抓得住精彩的未来

作者: 哎哟琪呀 时间: 2019-12-10 13:39

能让人成长的绝对不是停留在舒适圈

作者: 蓝天六必治 时间: 2019-12-10 13:47
天再高又怎样，踮起脚尖就更接近阳光。

作者: 曾经的甜蜜 时间: 2019-12-10 14:00
学习使我快乐！！！

作者: 明星心丫 时间: 2019-12-10 14:10

坚持梦想，你会成功的

作者: moguizhongdetia 时间: 2019-12-10 14:13
青春就像一只容器，装满了不安躁动青涩与偶尔的疯狂。

作者: 空白格。 时间: 2019-12-10 14:32
用这生命中的每一秒，给自己一个不后悔的未来。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2