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

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

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

相关文章
|
数据处理 Python
doccano数据标注平台搭建
基于阿里云服务器ESC示例,搭建doccano数据标注平台
|
2月前
|
人工智能 供应链 安全
AI 开源库遭投毒事件的启示,和阿里云 AI 网关的回答
以LiteLLM投毒事件为鉴,解析阿里云AI网关的架构级安全防护。
493 32
|
2月前
|
人工智能 自然语言处理 监控
阿里云JVS Claw是什么?JVS Claw“养虾”功能与优势,免费体验版和最新包年包月优惠
阿里云JVS Claw是“云上养虾神器”,可简化大模型使用流程,支持零门槛创建、管理和优化AI智能体。其核心功能包括一键接入OpenClaw、多端协同操作、提供安全隔离环境及自进化技能体系,满足企业及个人智能化需求。新用户可享7天免费体验,首月39元起,且提供包月包年优惠。此外,用户也可选用轻量云服务器部署OpenClaw,有多个规格的云服务器可供选择。
|
安全 Linux 测试技术
OS 升级迭代与向前向后兼容问题
本次分享的主题是OS 升级迭代与向前向后兼容问题,由中科方德内核研发工程师李力琼分享。主要分为四个部分: 1. OS更新的兼容性问题 2. 内核API向后兼容 3. 内核API向前兼容 4. 内核API的修改
606 2
|
Web App开发 数据采集 JavaScript
Chrome浏览器实例的TypeScript自动化脚本
Chrome浏览器实例的TypeScript自动化脚本
|
存储 缓存 搜索推荐
|
机器学习/深度学习 算法 API
机器学习入门(五):KNN概述 | K 近邻算法 API,K值选择问题
机器学习入门(五):KNN概述 | K 近邻算法 API,K值选择问题
|
XML 前端开发 Java
还不会SpringBoot项目模块分层?来这手把手教你
本文详细介绍了如何为SpringBoot项目创建模块并进行合理的分层设计。通过逐步演示,从创建项目到构建各功能模块,再到具体代码实现,手把手教你实现整洁的代码分层。主要内容包括:创建依赖层、主启动层、模块层及其子模块(如共通层、控制器层、数据持久层等),并通过实例演示了从前端请求到后台服务调用的实际流程。适合SpringBoot初学者及有一定经验但需优化项目结构的开发者参考。
2998 2
还不会SpringBoot项目模块分层?来这手把手教你
|
监控 数据可视化 数据挖掘
Quick BI数据大屏可视化大赛
玩转炫酷的可视化大屏,老板看了直接帮你升职加薪,更有千元天猫超市购物卡等你来拿!
27937 62
Quick BI数据大屏可视化大赛
WPF工控组态软件之管道和冷却风扇开发
WPF工控组态软件之管道和冷却风扇开发
663 0