JavaScript是什么?能做什么?一篇文章带你了解JavaScript的发展史、组成及作用

简介: JavaScript是什么?能做什么?一篇文章带你了解JavaScript的发展史、组成及作用

JavaScript是什么?能做什么?


06a11e216b48466e7cc7663f96e99ed6.png


JavaScript(简称JS)是当前非常流行、应用很广泛的脚本语言,


JavaScript 是 web 开发者必学的三种语言之一


js的主要特点是:


一、js是一种解释性脚本语言(代码不进行预编译);


C、C++、Java等高级语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。运行过程中由js解释器(js引擎)进行解释并执行


7579265e13b1289f1e45e2c0bb7f7f74.png

81d86a2b71490a19308a981965fc1e7f.png


402206bc15b05361766474bfe7c321ff.png



密码输入错误、邮箱格式、认证失败……均是在运行时刻就已经解释执行的(这样大大的提高了用户的体验性和网络传输速度)


二、主要用来向HTML页面添加交互行为;


三、可以直接嵌入HTML页面


四、 可移植性好,绝大多数浏览器均支持JavaScript


317f6889d6f396d158d9934b2a27b7c4.png


(Chrome、IE、Firefox、Safari、Edge……),可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。


6813975609514a5d5dfe1822336faa04.png


JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页,其中:


HTML 用来定义网页的内容,例如标题、正文、图像等;


CSS 用来控制网页的外观,例如颜色、字体、背景等;


JavaScript 用来实时更新网页中的内容


JS发展史:


JavaScript----是一种面向对象的脚本语言。


JavaScript是由Netscape Communications Corporation(网景公司)Brendan Eich(布兰登·艾奇)


c208f27fc67e3686d957672cd98d86dd.png


仅用10天时间发明出来的(1995年网景公司招募Brendan Eich),JavaScript被设计出来后最初命名为Mocha,之后改名为LiveScript,后来由于SUN公司的介入更名为了JavaScript


1996年微软公司在其最新的IE3浏览器中引入了自己对JavaScript的实现JScript。


于是在市面上存在两个版本的JavaScript,一个网景公司的JavaScript和微软的JScript。


为了确保不同的浏览器上运行的JavaScript标准一致,所以几个公司共同定制了JS的标准名命名为ECMAScript。


JavaScript组成:


通常我们把JavaScript和ECMAScript用来表达相同的含义,但是一个完整的JavaScript由以下三个不同的部分组成。


69857294b3551d5d86d06d6843a7cd8d.png


1.核心(ECMAScript)


cfb119959ceb37327bf41f73d0c5636a.png


2.文档对象模型(DOM)


9bb5474f748eb62e3cb4ff11cc3e9648[0].png


3.浏览器对象模型(BOM)


82250ebd87fbfa70fc0f42f131c761a3.png


JavaScript的作用:


表单动态校验(密码强度检测)(JS产生最初的目的)


网页特效


桌面程序(Electron)


服务端开发(Node.js)


App(Cordova)


控制硬件-物联网(Ruff)


游戏开发(cocos2d-js)


我们熟知的微信小程序、插件扩展、游戏特效、刷浏览量……很多都是可以利用JS开发使用的


018387d9db7856efd8e1cf34897e4885.png


拓展:JavaScript和java的关系可能不是你想的那么紧密,JavaScript借助当时java的热度而命名为JavaScript~


Java语言是SUN Microsystems公司的产品,而JavaScript是Netscape公司的产品。


一句话形容:Java之于JavaScript就好比雷锋和雷峰塔的关系


JS中的关键字:


break、delete、function、return、typeof、case、do、if、switch、var、catch、else、in、this、void、continue、false、instanceof、throw、while、debugger、finally、new、true、const、with、default、for、null、try。


相关文章
|
3月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
48 1
JavaScript中的原型 保姆级文章一文搞懂
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
138 2
|
3月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
33 0
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
194 4
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
107 4
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
98 4
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
112 4
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
107 3
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
89 3
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物医院系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物医院系统附带文章源码部署视频讲解等
81 2

热门文章

最新文章

  • 1
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    23
  • 2
    Node.js 中实现多任务下载的并发控制策略
    32
  • 3
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    25
  • 4
    【JavaScript】深入理解 let、var 和 const
    48
  • 5
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    44
  • 6
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    52
  • 7
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    55
  • 8
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    71
  • 9
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    55
  • 10
    JavaWeb JavaScript ③ JS的流程控制和函数
    62