js非常的混乱怎么学才能入门呢?

news2024/11/15 11:27:12

前言

ES5还是要学的喔,里面有很多重要的概念,跟ES6有着很强的关联性,大致上包括:

  1. 变量声明 ES5 使用var关键字来声明变量,而 ES6 引入了 let 和 const 关键字,用于声明块级作用域的变量和常量。这些新的关键字可以让开发者更好地控制变量的作用域和生命周期,从而避免了一些常见的 JavaScript 缺陷。
  2. 函数声明 ES5 中的函数声明和函数表达式有一些细微的差别,而 ES6 引入了箭头函数和默认参数等新特性,使函数的定义和调用更加简洁和灵活。箭头函数可以更加方便地处理上下文和 this 指针的问题,而默认参数可以让函数的参数更加灵活和易于使用。
  3. 对象和数组 ES5 中的对象和数组的定义和操作比较麻烦,而 ES6 引入了对象解构、数组解构和扩展操作符等新特性,使对象和数组的定义和操作更加简洁和方便。对象解构可以更加方便地访问和操作对象的属性,而数组解构可以更加方便地访问和操作数组的元素,扩展操作符可以更加方便地合并和展开对象和数组。
  4. 类和继承 ES5 中没有类的概念,而 ES6 引入了类和继承的概念,使 JavaScript 更加接近传统的面向对象编程语言,类可以更加方便地定义和维护对象的属性和方法,而继承可以更加方便地实现代码的复用和扩展。
  5. 模块化和导入导出 ES5 中没有原生的模块化机制,而 ES6 引入了模块化和导入导出的概念,使 JavaScript 的模块化编程更加方便和易用。模块化可以更加方便地组织和管理代码,导入导出可以更加方便地共享和复用代码。

总的来说,ES5 和 ES6 都是 JavaScript 的重要版本,它们之间存在一些细微的差别和新特性,但是它们共同构成了 JavaScript 的标准规范。学习 ES5 可以帮助开发者更好地理解和使用旧的项目和代码库,同时也有助于更好地理解和使用 ES6,建议在学习 JavaScript 时,先学习 ES5,再逐步学习 ES6 和更高版本的特性和语法,可以看一下下面的一些关于Js知识点的总结,或许能帮到你~

先放上路线图

部分重要知识点

基础性知识

·声明变量

·null 和 undefined

·详解JavaScript严格模式

运算符&流程控制

· 运算符

·三大流程控制语句

数组

·数组基础知识点

·数组操作函数汇总

对象

·对象详解教程

Set集合

·Set对象

· WeakSet

Map

· Map对象

· WeakMap

函数进阶

·函数声明的几种形式及用法

·立即执行函数(IIFE)

· 函数参数——深入理解参数传递、参数默认值、参数的收集与展开

·JS如何使用递归?

·全面解析this关键字

作用域和闭包

· 执行上下文和执行栈

·作用域和作用域链

·闭包的概念、原理、作用及应用

原型与继承

·原型与原型链

·常用八种继承方案

·类(class) 基础知识

·Static 方法

·类继承

模块化

模块化—模块暴露与模块引入

正则表达式

·正则表达式语法大全

·全网最全JavaScript正则表达式( 校验数字和字母)

Promise

·理解JavaScript Promise

·帮你弄懂Promise原型方法then、catch、finally

·图解 Promise 实现原理—— Promise 链式调用 

·理解 JavaScript 的 async/await )

DOM&BOM对象

·DOM绑定事件、事件流机制、事件委托、事件对象

·DOM操作整理

·BOM操作整理

· AJAX跨域

·本地存储详解

空间坐标

·空间坐标的使用

事件

·事件(event)处理

·事件参考手册

·HTML DOM 事件监听程序

网络请求

·XMLHttpRequest入门教程(非常详细)

·JS 通过 fetch 请求数据

canvas

·Canvas 教程 - Web API 接口参考

相关书籍推荐

《JavaScript权威指南原书第7版》

这本书适合有一定编程经验的人,当然,初学者也可以买来学习,它是JavaScript程序员必读的一本书

》》【电子书】下载链接:

链接:https://pan.baidu.com/s/1SX7fUWw5DIXH6Ve21UVdGA?pwd=siki 提取码:siki

》》【纸质书】链接https://product.dangdang.com/11163420580.html

持续更新中...

写在最后

原生JS基础十分的重要,循环渐进式的学习就不要纠结自己在原生JS上花的时间是否太多,后面要学习的内容都是建立在此的基础之上,基础的知识需要的是时间的沉淀以及大量的代码实操,无论是ES5还是ES6,都需要有一个虚心学习的心态,相信你按照这样的一个心态去学习,无论后面学习什么,你都能在心中做出一个合理的规划,包括以后JS的更新换代,你都能有自己的学习方法和技巧,希望对你有帮助!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/410952.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

[图神经网络]空间关系感知关系网络(SGRN)-代码解析

!!!这篇不涉及实现,仅从官方代码了解一下输出处理的思路,有机会的话会做实现,照例放出官方代码地址和之前写的论文解读: SGRN网络github项目地址https://github.com/simblah/SGRN_torch[图神经…

利用三个云服务器,搭建MongoDB副本集模式(主从模式)

1. 下载安装mongoDB 首先我们需要在三台服务器上分别下载和安装mongoDB。 1.1. 打开服务器,创建目录 创建目录结构如下图所示:(日志文件会自动创建) 1.2. 下载mongoDB压缩包 把压缩包下载到指定目录(便于后期维护…

ChatGPT大规模封号+停止注册?最火概念会凉吗?

一、背景 这个周末,先是意大利暂时封杀ChatGPT,限制OpenAI处理本国用户信息。 接着,据韩国媒体报道,三星导入ChatGPT不到20天,便曝出机密资料外泄(涉及半导体设备测量资料、产品良率等内容,已…

微信小程序 | 秋招颗粒无收 ?快用ChatGPT做一款模拟面试小程序

Pre:效果预览 ① 选择职位进行面试 ② 根据岗位职责进行回答 一、需求背景 这两年IT互联网行业进入寒冬期,降本增效、互联网毕业、暂停校招岗位的招聘,各类裁员、缩招的情况层出不穷!对于这个市场来说,在经历了互联网…

阿里云的客服 锻炼你心性的 一种方式 !!!

阿里云的产品,非常棒,开发的同学非常棒,专家们更棒,但,一切的开始就怕一个但字,但我还的说,但,阿里云的客服,OMG ,我已经忍耐了 1年了,是在忍不住…

手麻系统源码,手术麻醉管理系统源码,维护方便,功能强大

手术麻醉管理系统源码,手麻系统源码,C# .net 桌面软件 C/S版 文末获取联系! 手术麻醉管理系统采用下拉式汉化菜单,界面友好,实用性强,设有与住院、病区、药房等系统的软件接口。 开发语言:C# …

代码随想录算法训练营第五十三天 | 1143. 最长公共子序列、1035. 不相交的线、53. 最大子数组和

1143. 最长公共子序列 动规五部曲 1、确定dp数组(dp table)以及下标的含义 dp[i][j]:长度为[0, i - 1]的字符串text1与长度为[0, j - 1]的字符串text2的最长公共子序列为dp[i][j] 2、确定递推公式 主要就是两大情况: text1[i…

vue+ts+vite+pinia+element plus+i18n国际化

第一步,安装vue-i18n(我这里版本是9.2.2) npm install vue-i18n element-plus --save 第二步,src文件夹下创建language文件夹,目录如下 第三步,定义本地中文英文 en.ts // en.ts export default {message…

UE DTCmd 插件说明

Exec CMD Exec CMD (Have Process) 在蓝图非阻塞的运行Windows命令行并输出返回值,而且可以时时监听输出内容。 可以直接运行某个程序(输入程序完整路径) 可以直接运行bat脚本,并在bat脚本里面运行你任何想做的操作。 Cmd : 需要…

花30分钟,我用ChatGPT写了一篇2000字文章(内附实操过程)

有了ChatGPT之后,于我来说,有两个十分明显的变化: 1. 人变的更懒 因为生活、工作中遇到大大小小的事情,都可以直接找ChatGPT来寻求答案。 2. 工作产出量更大 之前花一天,甚至更久才能写一篇原创内容,现…

【MySQL--04】数据类型

文章目录1.数据类型1.1数据类型分类1.2数值类型1.2.1tinyint类型1.2.2bit类型1.2.3小数类型1.2.3.1 float1.2.3.2 decimal1.3字符串类型1.3.1 char1.3.2 varchar1.3.3char和varchar的比较1.4日期和时间类型1.5 enum和set1.5.1 enum1.5.2 set1.5.3 示例1.数据类型 1.1数据类型分…

试题E:蜂巢 ——蓝桥杯第十三届省赛Java 大学A组

试题E:蜂巢 解析 很明显的一道坐标计算问题,只是通过看似比较复杂的描述而已。 题目定义了一种行走方向,大概就是一共六种行走方向,如果以o为原点,建立坐标系,那么方向0和3就是x轴。其他方向为分力即可&am…

【微信小程序】免费的高德地图api——获取天气(全过程)

介绍 这里是小编成长之路的历程,也是小编的学习之路。希望和各位大佬们一起成长! 以下为小编最喜欢的两句话: 要有最朴素的生活和最遥远的梦想,即使明天天寒地冻,山高水远,路远马亡。 一个人为什么要努力&a…

硬件工程师需要掌握的PCB设计常用知识点

一个优秀的硬件工程师设计的产品一定是既满足设计需求又满足生产工艺的,某个方面有瑕疵都不能算是一次完美的产品设计。规范产品的电路设计,工艺设计,PCB设计的相关工艺参数,使得生产出来的实物产品满足可生产性、可测试性、可维修…

Windows 安装 Go1.20.3 顺便了解 go env 环境变量

文章目录1.下载与安装2.GOROOT3.Go 的包管理3.1 GOPATH 模式3.2 Go Modules 模式4.GOPATH5.GO111MODULE6.GOPROXY7.GOSUMDB8.GONOPROXY/GONOSUMDB/GOPRIVATE9.GOMODCACHE10.GOCACHE11.GOENV12.GOBIN13.参考资料1.下载与安装 参考文章:Golang V1.19.1 安装配置 (win…

Vue3带来了什么

目录性能方面的优化更好的TypeScript集成用于处理大规模用例的新API分层内部模块CompositionAPI更多RFC提供的两个新功能proxy代替defineProperty双向绑定性能方面的优化 首先是相对Vue2的一些性能改进: 通过摇树(减轻了多达41%的资源大小)初始渲染&am…

Hadoop安装Hbase启动失败报错解决方法

先进入hbase文件目录里看日志文件看看报什么错再具体解决: vim /opt/module/hbase-1.3.3/logs/hbase-root-master-hadoop-single.log 1.报错org.apache.hadoop.security.AccessControlException: Permission denied: user异常解决方法 1、第一种 在hdfs的配置文件…

3.2 二维随机变量的边缘分布

思维导图: 学习目标: 要学习二维随机变量的边缘分布,我可能会按照以下步骤进行学习: 理解二维随机变量的概念和表示方法,包括联合分布函数和联合分布律等概念。理解二维随机变量的边缘分布的概念和意义,即…

2023年4月份北京/广州/深圳DAMA-CDGP数据治理专家证书收益

DAMA认证为数据管理专业人士提供职业目标晋升规划,彰显了职业发展里程碑及发展阶梯定义,帮助数据管理从业人士获得企业数字化转型战略下的必备职业能力,促进开展工作实践应用及实际问题解决,形成企业所需的新数字经济下的核心职业…

Mysql的学习与巩固:一条SQL查询语句是如何执行的?

前提 我们经常说,看一个事儿千万不要直接陷入细节里,你应该先鸟瞰其全貌,这样能够帮助你从高维度理解问题。同样,对于MySQL的学习也是这样。平时我们使用数据库,看到的通常都是一个整体。比如,你有个最简单…