前言
ES5还是要学的喔,里面有很多重要的概念,跟ES6有着很强的关联性,大致上包括:
- 变量声明 ES5 使用var关键字来声明变量,而 ES6 引入了 let 和 const 关键字,用于声明块级作用域的变量和常量。这些新的关键字可以让开发者更好地控制变量的作用域和生命周期,从而避免了一些常见的 JavaScript 缺陷。
- 函数声明 ES5 中的函数声明和函数表达式有一些细微的差别,而 ES6 引入了箭头函数和默认参数等新特性,使函数的定义和调用更加简洁和灵活。箭头函数可以更加方便地处理上下文和 this 指针的问题,而默认参数可以让函数的参数更加灵活和易于使用。
- 对象和数组 ES5 中的对象和数组的定义和操作比较麻烦,而 ES6 引入了对象解构、数组解构和扩展操作符等新特性,使对象和数组的定义和操作更加简洁和方便。对象解构可以更加方便地访问和操作对象的属性,而数组解构可以更加方便地访问和操作数组的元素,扩展操作符可以更加方便地合并和展开对象和数组。
- 类和继承 ES5 中没有类的概念,而 ES6 引入了类和继承的概念,使 JavaScript 更加接近传统的面向对象编程语言,类可以更加方便地定义和维护对象的属性和方法,而继承可以更加方便地实现代码的复用和扩展。
- 模块化和导入导出 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的更新换代,你都能有自己的学习方法和技巧,希望对你有帮助!