0

0

最全JavaScript知识点总结

小云云

小云云

发布时间:2018-01-17 11:33:12

|

4691人浏览过

|

来源于php中文网

原创

本文主要和大家分享最全JavaScript知识点总结 ,希望能帮助到大家。

1.JS面向对象的理解

面向对象的三大特点:继承、封装、多态
1、JS中通过prototype实现原型继承
2、JS对象可以通过对象冒充,实现多重继承,
3、Object类是所有Js类的基类
4、通过function对对象进行封装
5、通过使用arguments实现参数重载
6、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.JS判断数据类型的几种方法

1、typeof
2、prototype
3、instanceof
4、constructor
5、Object.prototype.toString.call(a)
注意 : typeof null === Object

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() 返回对象的原始值

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__ 属性,该属性也指向原型对象,并且该属性不是标准属性,不可以用在编程中,该属性用于浏览器内部使用。

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

相关推荐:

JavaScript知识点系统总结

一些容易犯错的JavaScript知识点整理

AI Note
AI Note

AI Note 助手,像贴心女仆一样助力你的笔记!智能总结内容,精确划重点,提供专业建议,让学习与工作更高效。让你的笔记更清晰、有条理,知识尽在眼前!

下载

你必须知道的Javascript知识点之"字面量和对应类型"说明介绍_javascript技巧

立即学习Java免费学习笔记(深入)”;

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Golang处理数据库错误教程合集
Golang处理数据库错误教程合集

本专题整合了Golang数据库错误处理方法、技巧、管理策略相关内容,阅读专题下面的文章了解更多详细内容。

67

2026.02.06

java多线程方法汇总
java多线程方法汇总

本专题整合了java多线程面试题、实现函数、执行并发相关内容,阅读专题下面的文章了解更多详细内容。

32

2026.02.06

1688阿里巴巴货源平台入口与批发采购指南
1688阿里巴巴货源平台入口与批发采购指南

本专题整理了1688阿里巴巴批发进货平台的最新入口地址与在线采购指南,帮助用户快速找到官方网站入口,了解如何进行批发采购、货源选择以及厂家直销等功能,提升采购效率与平台使用体验。

489

2026.02.06

快手网页版入口与电脑端使用指南 快手官方短视频观看入口
快手网页版入口与电脑端使用指南 快手官方短视频观看入口

本专题汇总了快手网页版的最新入口地址和电脑版使用方法,详细提供快手官网直接访问链接、网页端操作教程,以及如何无需下载安装直接观看短视频的方式,帮助用户轻松浏览和观看快手短视频内容。

265

2026.02.06

C# 多线程与异步编程
C# 多线程与异步编程

本专题深入讲解 C# 中多线程与异步编程的核心概念与实战技巧,包括线程池管理、Task 类的使用、async/await 异步编程模式、并发控制与线程同步、死锁与竞态条件的解决方案。通过实际项目,帮助开发者掌握 如何在 C# 中构建高并发、低延迟的异步系统,提升应用性能和响应速度。

18

2026.02.06

Python 微服务架构与 FastAPI 框架
Python 微服务架构与 FastAPI 框架

本专题系统讲解 Python 微服务架构设计与 FastAPI 框架应用,涵盖 FastAPI 的快速开发、路由与依赖注入、数据模型验证、API 文档自动生成、OAuth2 与 JWT 身份验证、异步支持、部署与扩展等。通过实际案例,帮助学习者掌握 使用 FastAPI 构建高效、可扩展的微服务应用,提高服务响应速度与系统可维护性。

29

2026.02.06

JavaScript 异步编程与事件驱动架构
JavaScript 异步编程与事件驱动架构

本专题深入讲解 JavaScript 异步编程与事件驱动架构,涵盖 Promise、async/await、事件循环机制、回调函数、任务队列与微任务队列、以及如何设计高效的异步应用架构。通过多个实际示例,帮助开发者掌握 如何处理复杂异步操作,并利用事件驱动设计模式构建高效、响应式应用。

14

2026.02.06

java连接字符串方法汇总
java连接字符串方法汇总

本专题整合了java连接字符串教程合集,阅读专题下面的文章了解更多详细操作。

69

2026.02.05

java中fail含义
java中fail含义

本专题整合了java中fail的含义、作用相关内容,阅读专题下面的文章了解更多详细内容。

32

2026.02.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号