初识JavaScript

简介: 初识JavaScript

一、什么是JavaScript

JavaScript:是Web开发领域中的一种功能强大的编程语言。

作用:主要用于开发交互式的Web页面,使网页的互动性更强,用户体验更好。

 

Web页面是由多个网页组成的。

网页制作涉及的技术:HTML、CSS和JavaScript。

  • HTML代表了结构,结构是网页的骨架,从语义的角度,描述页面结构。
  • CSS代表了样式,样式是网页的外观,从审美的角度,美化页面。
  • JavaScript代表行为,行为是网页的交互逻辑,从交互的角度,提升用户体验。

 

特点:JavaScript内嵌于HTML网页中,通过浏览器内置的JavaScript引擎直接编译,把一个原本只用来显示的页面,转变成支持用户交互的页面程序。

QQ截图20220210111148.png

 

二、JavaScript的由来

1.

时间:1995年。

人物: Brendan Eich(布兰登·艾奇)。

地点: Netscape(网景)公司,现在的Mozilla。

事件:在网景导航者浏览器上首次设计出了JavaScript。

名称: Netscape最初将这个脚本语言命名为LiveScript。

 

2.

更名:Netscape与Sun公司合作之后将其改名为JavaScript。

原因:由于当时Sun公司(2009年被Oracle公司收购)推出的Java语言备受关注,Netscape公司为了营销借用了Java这个名称。

事实:JavaScript与Java本质上是两种不同的编程语言。

 

3.

问题:JavaScript在设计之初是做什么的呢?

答案:是一种可以嵌入到网页中的编程语言,用来控制浏览器的行为。

举例:直接在浏览器中进行表单验证,用户只有填写格式正确的内容后才能够提交表单,避免了因表单填写错误导致的反复提交,节省了时间和网络资源。

 

4.

缺陷:JavaScript语言非常灵活,其语言特性也产生了一些不良的影响。

举例1:利用JavaScript制作网页上的漂浮广告、弹窗,让用户感到厌烦。

举例2:利用Web开发中的安全漏洞,在网页中编写恶意代码,窃取用户网站身份信息、传播病毒等。

 

5.

建议:要端正态度和奠定扎实的技术功底。

目的:希望JavaScript推动Web技术的发展,造福每一位互联网用户。

 

6.

现今承担更多的责任:尤其是当Ajax技术兴起之后,浏览器和服务器可以进行异步交互了,网站的用户体验又得到了更大的提升。

举例:当人们在百度的搜索框中输入几个字以后,网页会智能感知用户接下来要搜索的内容。

 

注意

JavaScript的用途已经不仅局限于浏览器了,Node.js的出现使得开发人员能够在服务器端编写JavaScript代码,使得JavaScript的应用更加广泛。

 

三、JavaScript的特点

QQ截图20220210111749.png

 

JavaScript的特点——脚本语言

脚本(Script)简单地说就是一条条的文本命令,按照程序流程执行。

常见的脚本语言:JavaScript、VBScript、Perl、PHP、Python等。

非脚本语言:C、C++、Java、C#等。

 

脚本语言与非脚本语言的区别:

  • 非脚本语言一般需要编译、链接,生成独立的可执行文件后才能运行。
  • 脚本语言依赖于解释器,只在被调用时自动进行解释或编译。

 

脚本语言的优点:

  • 缩短了传统语言“编写 → 编译 → 链接 → 运行”的过程。
  • 简单、易学、易用,语法规则较松散,方便编程。

 

脚本语言的缺点:

  • 执行效率不如编译型的语言快。
  • 不过,由于计算机的运行速度越来越快,Web应用的需求变化也越来越快,人们更加重视软件的开发速度,脚本语言带来的执行效率下降已经可以忽视了。

 

JavaScript的特点——可跨平台

几乎所有的浏览器,包括手机等各类移动设备。

特点:JavaScript语言不依赖操作系统,仅需要浏览器的支持。

 

JavaScript的特点——支持面向对象

  • 面向对象是软件开发中的一种重要的编程思想,其优点非常多。
  • 基于面向对象思想诞生了许多优秀的库和框架,可以使JavaScript开发变得快捷和高效,降低了开发成本。
  • 举例:除了经典的JavaScript库,又诞生了Bootstrap、AngularJS、Vue.js、Backbone.js、React、Wwebpack等框架和工具。

 

 

四、JavaScript与ECMAScript的关系

ES6 :指的是2015年Ecma国际发布了新版本ECMAScript 2015,ECMAScript是JavaScript标准

特点:相比前一个版本做出了大量的改进。

建议:考虑到仍然有很多用户还在使用旧版本的浏览器,为了保证网页的兼容性,不建议开发人员使用这些新特性。

相关文章
|
7月前
|
JavaScript 前端开发
70.【JavaScript 6.0】(二)
70.【JavaScript 6.0】
25 0
|
24天前
|
前端开发 JavaScript
实用的JavaScript小技巧
这些JavaScript小技巧可以帮助你更加高效地编写代码,提高代码质量和可读性。
9 1
|
7月前
|
JavaScript 前端开发
JavaScript小练习
JavaScript小练习
|
11月前
|
JavaScript 前端开发 Java
09.初识javascript
09.初识javascript
44 0
|
JavaScript 前端开发
初识JavaScript
初识JavaScript
81 0
|
安全 JavaScript 前端开发
你不知道的JavaScript丛书总结(一)
你不知道的JavaScript丛书总结(一)
|
JSON JavaScript 前端开发
你不知道的JavaScript丛书总结(二)
你不知道的JavaScript丛书总结(二)
|
前端开发 JavaScript
JavaScript的知识总结(4)
JavaScript的知识总结(4)
|
JavaScript 前端开发
JavaScript 自己实现 new
JavaScript 自己实现 new
|
存储 移动开发 JavaScript
Javascript
Javascript
137 0

热门文章

最新文章

相关实验场景

更多