哔哩哔哩:https://www.bilibili.com/video/BV1YEw1eLEiK
1. 什么是JS
Javascript简介
JavaScript是一种用于开发Web应用程序的脚本语言。它最初由Netscape公司开发,后来成为ECMA国际组织的标准。JavaScript通常用于在Web浏览器中创建交互式用户界面和动态效果,但它也可以用于服务器端编程和桌面应用程序开发。
JavaScript是一种解释性语言,它不需要编译器即可运行。JavaScript可以直接嵌入到HTML页面中,并通过Web浏览器解释和执行。JavaScript支持许多编程范式,包括面向对象、函数式和命令式编程。
JavaScript是一种弱类型语言,这意味着在声明变量时不需要指定类型。它也是一种动态语言,这意味着在运行时可以修改对象的结构和类型。
由于其广泛的应用和可移植性,JavaScript已成为Web开发中最重要的编程语言之一。
Javascript版本
以下是JavaScript各个版本的主要特性和发布日期的表格:
版本 | 发布日期 | 主要特性 |
---|---|---|
ES5 | 2009年 | 严格模式、JSON支持、数组方法、Function.prototype.bind()方法等 |
ES6 | 2015年 | 箭头函数、模板字面量、类、解构赋值、let和const关键字、Promise等 |
ES7 | 2016年 | Array.prototype.includes()方法、指数操作符、async/await、Object.entries()和Object.values()方法等 |
ES8 | 2017年 | async/await语法的改进、Object.entries()和Object.values()方法的改进、字符串方法等 |
ES9 | 2018年 | 异步迭代器、正则表达式的一些改进、rest/spread属性、Promise.prototype.finally()方法等 |
ES10 | 2019年 | Array.prototype.flat()和Array.prototype.flatMap()方法、Object.fromEntries()方法、字符串方法的改进、Symbol.prototype.description属性等 |
需要注意的是,不同的浏览器支持的JavaScript版本可能不同。开发人员应该了解其目标受众所使用的浏览器支持哪些版本,并根据需要选择适当的版本来编写代码。
Javascript能做什么
- 动态网页:JavaScript可以使网页的内容和行为动态化,使用户交互更加丰富和友好。
- Web应用程序:JavaScript可以实现许多功能强大的Web应用程序,如社交网络、电子商务网站、在线游戏等。
- 浏览器插件和扩展:JavaScript可以用于开发各种浏览器插件和扩展,为用户提供更好的浏览体验。
- 服务器端应用程序:JavaScript也可以用于编写服务器端应用程序,如Node.js平台,它可以用于处理大量的并发请求,构建高效的Web应用程序和服务。
- 移动应用程序:JavaScript可以与移动应用程序开发框架(如React Native、Ionic等)一起使用,实现跨平台的移动应用程序开发。
- 数据可视化和图形处理:JavaScript可以用于可视化和处理大量数据,如图表、地图、图形等。
总的来说,JavaScript是一种非常灵活和强大的编程语言,它在Web开发、移动应用开发、服务器端应用开发等多个领域都有着广泛的应用。
2. JS框架简介
框架(Framework)指的是一套经过设计和编写的、被用作开发某种类型软件的标准、通用组件或者模块的集合。它们通常包括了一些常用的函数库、工具、规范和设计模式等,可以帮助开发者更快、更高效地开发软件
1、前端框架
JavaScript框架是为了方便JavaScript开发者使用而提供的一些封装和工具,它们可以加快Web应用程序的开发速度,提高代码的可读性和可维护性。以下是一些流行的JavaScript框架:
- React:React是一个由Facebook开发的JavaScript框架,用于构建用户界面。它采用了组件化的开发方式,使得Web应用程序中的UI组件可以进行复用和拼装。React还提供了虚拟DOM(Virtual DOM)技术,可以提高Web应用程序的性能和响应速度。
- AngularJS:AngularJS是由Google开发的JavaScript框架,用于构建单页应用程序(Single-Page Application)。它采用了MVVM(Model-View-ViewModel)的开发模式,使得Web应用程序的逻辑和UI分离,提高了代码的可读性和可维护性。
- Vue.js:Vue.js是一个轻量级的JavaScript框架,用于构建用户界面。它采用了MVVM模式和响应式数据绑定(Reactive Data Binding)技术,使得Web应用程序中的UI组件和数据可以实现自动更新,提高了Web应用程序的性能和响应速度。
- jQuery:jQuery是一个流行的JavaScript库,提供了许多常用的操作和功能的封装,使得Web开发变得更加高效和便捷。它可以帮助开发者实现DOM操作、事件处理、Ajax数据请求等常见的任务,是Web开发中最为流行的JavaScript框架之一。
- Ember.js:Ember.js是一个基于MVC(Model-View-Controller)开发模式的JavaScript框架,用于构建单页应用程序。它提供了许多常用的功能和组件,可以帮助开发者更加高效地构建Web应用程序。
以上是一些流行的JavaScript框架,每个框架都有其特定的用途和优缺点,开发者可以根据具体需求选择合适的框架。
2、后端框架
JavaScript后端框架是用JavaScript语言编写的服务器端应用程序框架,它们可以帮助开发者更快、更高效地开发Web应用程序和服务。以下是一些常见的JavaScript后端框架:
- Express.js:Express.js是一种基于Node.js的Web应用程序框架,它提供了简单、灵活的API,可以快速构建各种类型的Web应用程序和API服务。
- Koa.js:Koa.js是另一种基于Node.js的Web应用程序框架,它使用了ES6的特性,如async/await和生成器函数等,提供了更加简单、优雅的API。
- Nest.js:Nest.js是一种基于Node.js的框架,它使用了现代化的架构模式和设计原则,如模块化、依赖注入和面向切面编程等,可以帮助开发者更加高效地构建可扩展、可维护的Web应用程序和服务。
- Hapi.js:Hapi.js是另一种基于Node.js的Web应用程序框架,它提供了一组丰富的插件和工具,可以帮助开发者构建高质量的Web应用程序和API服务。
以上是一些常见的JavaScript后端框架,它们都具有不同的特点和优势,可以根据具体的应用场景选择最合适的框架。
3. JS引擎简介
JavaScript是一种高级脚本语言,需要通过JavaScript引擎来执行。以下是一些常见的JavaScript引擎:
- V8引擎:V8是由Google开发的JavaScript引擎,主要用于Google Chrome浏览器和Node.js运行时环境中。
- SpiderMonkey引擎:SpiderMonkey是由Mozilla基金会开发的JavaScript引擎,主要用于Firefox浏览器和其他Mozilla项目中。
- JavaScriptCore引擎:JavaScriptCore是由苹果公司开发的JavaScript引擎,主要用于Safari浏览器和iOS操作系统中。
- Chakra引擎:Chakra是由微软公司开发的JavaScript引擎,主要用于Internet Explorer浏览器和Microsoft Edge浏览器中。
- Nashorn引擎:Nashorn是由Oracle公司开发的JavaScript引擎,主要用于Java虚拟机中。
- Rhino引擎:Rhino是由Mozilla基金会开发的JavaScript引擎,主要用于Java虚拟机中。
- QuickJS引擎:QuickJS是由Fabrice Bellard开发的JavaScript引擎,它的特点是体积小、启动快、执行速度快。
以上是一些常见的JavaScript引擎,它们都有自己的特点和适用场景。
4. 如何学习JS
- 菜鸟教程
- 哔哩哔哩
准备工作:html + css 基础
熟悉几款编辑器:sublime、vscode、webstorm
回复测试