Web/04-JavaScript基础/01-JavaScript简介.md
2021-10-30 16:19:03 +08:00

168 lines
9.5 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
title: 01-JavaScript简介
---
<ArticleTopAd></ArticleTopAd>
## JavaScript历史和发展
Web前端有三层
- HTML从语义的角度描述页面**结构**
- CSS从审美的角度描述**样式**美化页面
- JavaScript简称JS从交互的角度描述**行为**实现业务逻辑和页面控制
### JavaScript 的历史
1JavaScript诞生于**1995**是由**网景**公司Netscape的员工 Brendan Eich兰登 艾奇1961发明最初命名为LiveScript1995年12月与SUN公司合作因市场宣传需要为了蹭Java的热度改名为 JavaScript
补充
> 1994年网景公司发布历史上第一个比较成熟的浏览器(Navigator 0.9), 但是只能浏览不能**交互**1995年为了解决表单有效性验证就要与服务器进行多次地往返交互问题网景公司录用 Brendan Eich兰登 艾奇他只用了10天就开发出 LiveScript 语言的第一版
> 由于 Sun 公司当时的 Java 语言特别火所以为了傍大牌就借势改名为JavaScript如同北大北大青鸟的关系北大青鸟就是傍北大的大牌
> 同时期还有其他的网页语言比如VBScriptJScript等等但是后来都被JavaScript打败了所以现在的浏览器中只运行一种脚本语言就是JavaScript
2JavaScript是Sun注册并授权给Netscape使用的商标后来 Sun 公司 被Oracle收购JavaScript版权归Oracle所有
31996微软为了抢占市场推出了`JScript`在IE3.0中使用
41996年11月网景公司将JS提交给ECMA(国际标准化组织)成为国际标准用于对抗微软
补充
> JavaScript是世界上用的最多的**脚本语言**
> Java和JavaScript的关系就好比雷锋和雷峰塔的关系老婆和老婆饼的关系北大和北大青鸟的关系
推荐阅读链接
- [网道 | JavaScript 语言的历史](https://wangdoc.com/javascript/basic/history.html)
###JavaScript 的发展蒸蒸日上
2003年之前JavaScript被认为牛皮鲜用来制作页面上的广告弹窗漂浮的广告什么东西让人烦什么东西就是JavaScript开发的所以很多浏览器就推出了屏蔽广告功能
2004JavaScript命运开始改变那一年**谷歌公司开始带头使用Ajax技术**Ajax 技术就是JavaScript的一个应用并且那时候人们逐渐开始提升用户体验了Ajax有一些应用场景比如当我们在搜索引擎框搜文字时输入框下方的智能提示可以通过Ajax实现比如当我们注册网易邮箱时能够及时发现用户名是否被占用而不用跳到另外一个页面从2005年开始几乎整个B/S开发界都在热情地追捧Ajax
2007年乔布斯发布了第一款iPhone这一年开始更多的用户使用移动设备上网这一年互联网开始标准化按照W3C规则三层分离JavaScript越来越被重视**JavaScript在移动页面中也是不可或缺的**
2010人们更加了解**HTML5技术****HTML5推出了一个东西叫做Canvas**画布工程师可以在Canvas上进行游戏制作利用的就是JavaScript
2011**Node.js诞生**使JavaScript能够开发服务器端的程序
如今**WebApp**已经非常流行也就是用**网页技术开发手机应用**手机系统有iOS安卓公司如果要开发一个美团App就需要招聘四队人马iOS工程师10人安卓工程师12人前端工程师8人后端工程师16人共50人左右开发成本巨大而且如果要做需求迭代就要改3个版本现在假设公司都用web技术用html+css+javascript这一套技术就可以开发多种终端的页面也易于迭代网页如果改变则所有的终端都会生效
有个故事是这么说的
>2040某年轻产品经理说有没有那么一个东西不需要下载客户端不需要限制品牌系统无论是鸿蒙安卓苹果Linux和Windows等等都能实现无差别预览信息用户也能在这里交流如果我们开发出来这个我们这个产品的前景一定十分宽广
>
>这时候一位40岁的老同志说你说的这个是不是叫网页
>
>这是半个世纪前的
虽然目前WebAppWeb应用在功能和性能上的体验远不如Native App原生应用但是**在原生App中内嵌一些H5页面**已经是一种趋势
JavaScript的发展正在大放异彩正如周爱民的JavaScript语言精髓与编程实战中所描述的那样
> 是ECMA赋予了JavaScript新的能力和活力
>
> 在2015年6月ES6发布了这个ECMAScript版本几乎集成了当时其他语言梦寐以求的所有明星特性并优雅地不留后患地解决了几乎所有的JavaScript遗留问题当然其中那些最大的最本质的和核心的问题其实都已经在ES5推出时通过严格模式strict mode解决了
>
> ES6提出了四大组件Promise模块生成器/迭代器这事实上是在并行语言面向对象语言结构化语言和函数式语言四个方向上的奠基工作相对于这种重要性来说其他类似于解构展开代理等看起来很炫很实用的特性反倒是浮在表面的繁华了
>
> 主流引擎厂商开始通过ES6释放出它们的能量于是JavaScript在许多新的环境中被应用起来大量的新技术得以推动例如WebAssemblyOhmDeeplearn.jsTensorFlow.jsGPU.jsGraphQLNativeScript等有了Babel这类项目的强大助力新规范得以让少数人先用起来而标准的发布也一路披荆斩棘以至于实现了一年一更
## JavaScript 介绍
### JavaScript 入门易学性
- JavaScript对初学者比较友好可以使用任何文本编辑工具编写只需要浏览器就可以执行程序
- JavaScript是有界面效果的相比之下C语言只有白底黑字
- JavaScript的入门较简单进阶不易比如JS是**弱变量类型**的语言变量只需要用 var/let/const Java
Java中需要这样定义变量
```java
int a;
float a;
double a;
String a;
boolean a;
```
JS 只需要用一种方式来定义
```JavaScript
// ES5 写法
var a;
// ES6 写法
const a;
let a;
```
### JavaScript 既是前端语言又是后端语言
JavaScript 运行在用户的终端网页而不是运行在服务器上的时候我们称它之为**前端语言**前端语言是服务于页面的显示和交互不能直接操作数据库
**后端语言**是运行在服务器上的比如JavaC++PHP等等这些语言都能够操作数据库对数据库进行增删改查并在后台执行各种任务
另外Node.js是用 JavaScript 开发的我们也可以用 Node.js 技术进行服务器端编程
### JavaScript 的组成
JavaScript 基础分为三个部分
- **ECMAScript**JavaScript **语法标准**包括变量表达式运算符函数if语句for语句等
- **DOM**Document Object Model文档对象模型JS操作**页面上的元素**标签的API比如让盒子移动变色改变大小轮播图等等
- **BOM**Browser Object Model浏览器对象模型JS操作**浏览器部分功能**的API通过BOM可以操作浏览器窗口比如弹框控制浏览器跳转获取浏览器分辨率等等
通俗理解就是ECMAScript JS 的语法DOM BOM 是浏览器运行环境为 JS提供的API
## JavaScript 的特点
### 特点1解释型语言
JavaScript简称JS是前端开发的一门脚本语言解释型语言
**解释型语言**的意思是程序执行之前不需要事先被翻译为机器码而是在运行时边翻译边执行翻译一行执行一行关于解释型语言的详细介绍上一篇文章有介绍
为什么JS是解释型语言呢这和浏览器的工作原理有关浏览器中有一个专门的JS解析器可以让JS边解析边执行
由于少了事先编译这一步骤所以解释型语言开发起来尤为方便但是解释型语言运行较慢也是它的劣势不过解释型语言中使用了JIT技术使得运行速度得以改善
### 特点2单线程
### 特点3ECMAScript标准
ECMAScript是一种由 ECMA 国际前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association制定和发布的脚本语言规范
JavaScript是由公司开发而成的问题是不便于其他的公司拓展和使用所以欧洲的这个ECMA的组织牵头制定JavaScript的标准取名为ECMAScript
简单来说**ECMAScript不是一门语言而是一个标准**ECMAScript 规定了JS的编程语法和基础核心知识是所有浏览器厂商共同遵守的一套JS语法工业标准
ECMAScript在2015年6月发布了ECMAScript 6版本ES6语言的能力更强包含了很多新特性但也要考虑它的浏览器兼容性问题
ECMA赋予了JavaScript新的能力和活力
## 我的公众号
想学习**更多技能**不妨关注我的微信公众号**千古壹号**
扫一扫你将发现另一个全新的世界而这将是一场美丽的意外
![](https://img.smyhvae.com/20200102.png)