初识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标准

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

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

相关文章
|
4月前
|
存储 JavaScript 前端开发
JavaScript
【4月更文挑战第21天】JavaScript
32 5
|
Web App开发 编解码 JavaScript
初识JavaScript
初识JavaScript
111 0
初识JavaScript
|
JavaScript 前端开发
JavaScript中的this
JavaScript中的this
JavaScript中的this
|
JSON 数据格式
Day15 JavaScript
JavaScript
66 0
|
JavaScript 前端开发
玩转Javascript魔法篇
这些都是平时我们经常在业务中会用的功能,实现起来的方法不止一种,但是我们要经常思考,举一反三,追求一种简洁高效的写法,不是吗?
102 0
玩转Javascript魔法篇
|
JavaScript 前端开发
JavaScript 自己实现 new
JavaScript 自己实现 new
|
JavaScript 前端开发 Java
JavaScript糟粕部分
JavaScript是一门优秀的语言,但是难免存在着某些缺点,本博文主要说明下JavaScript的一些缺点。
|
前端开发 JavaScript C++
JavaScript到底是什么?特点有哪些?
  JavaScript到底是什么?特点有哪些?这也是成为web前端工程师必学的内容。今天为大家分享了这篇关于JavaScript的文章,我们一起来看看。   一、JavaScript是什么?   1、JavaScript是在网站浏览器上运行的编程语言。
5284 0
|
JSON JavaScript 前端开发
javascript
理解ES 全称: ECMAScript js语言的规范 我们用的js是它的实现 js的组成 ECMAScript(js基础) 扩展-->浏览器端 BOM DOM 扩展-->服务器端 Node.
1296 0
|
JavaScript 前端开发
Javascript 中的 this
当我们学习 Javascript 中的 this 时,非常容易陷入一种困境,一种似懂非懂的困境。在某些情况下,我们看了一些文章和解释,将其应用到一些简单的情况,发现,嗯,确实这么运作了。而在另一些更为复杂的情况下,我们发现又懵逼了,什么情况?这篇文章的目的,就是要完全搞懂并掌握 Javascript 中的 this。为什么我们很难完全掌握 this?在我看来,原因是 this 的解释太过抽象,在理
629 0