首页 > 编程语言 >SAP Fiori开发中的JavaScript基础知识1 - 背景介绍

SAP Fiori开发中的JavaScript基础知识1 - 背景介绍

时间:2024-03-28 14:58:59浏览次数:27  
标签:浏览器 JavaScript 环境 JS 开发 Fiori ECMAScript SAP

1. 背景

开发SAP Fiori应用程序过程中,不可避免的要用到JavaScript去增强或影响UI的行为。对于传统ABAPer,JavaScript的语言特性和风格与ABAP是有较大的不同的。接下来的一段时间,我会尝试整理在SAP Fiori开发过程中会常用到的一些JavaScript基础知识,并结合介绍在SAP BAS中开发Fiori应用时,会用到的Javascript的主要设计模式。

2. JavaScript介绍

2.1 语言特性

JavaScript 是一种基于原型、多范式、动态类型的脚本语言,支持面向对象、命令式和声明式(如函数式编程)风格。

JavaScript是Web应用程序开发三件套之一:HTML 负责页面的结构,CSS 负责页面的样式, JavaScript 负责页面的行为

与此同时,JavaScript不仅可以在浏览器中运行,还可以在服务器端运行。例如Node.js 就是一个封装好的 JavaScript 运行环境,这使得 JavaScript 也可以用于开发服务器端的应用程序。除此之外,JavaScript 还定义了一种数据格式 JSON(JavaScript Object Notation),它现在已经成为了一种非常流行的数据交换格式。

2.2 历史和标准化过程

JavaScript 最初由 Netscape Communications Corporation 的 Brendan Eich 在 1995 年开发,最初的目标是为了在 Netscape Navigator浏览器中增加动态和交互性。当时,这种新的脚本语言被命名为 Mocha,后来改名为 LiveScript,最终在 Netscape 与 Sun Microsystems 达成协议后,被正式命名为 JavaScript。

1997 年,为了让 JavaScript 成为国际标准,Netscape 将 JavaScript 提交给了欧洲的标准化组织 Ecma International。Ecma International创建了一个名为 TC39 的技术委员会来负责这个标准的制定。这个标准就是 ECMA-262,也就是我们现在所说的 ECMAScript

JavaScript 是 ECMAScript 的一种实现,也是最广泛使用的实现。JavaScript 不仅包含了 ECMAScript 的所有特性,还添加了一些额外的特性,如 Document Object Model (DOM) 操作,用于处理网页内容和结构,以及 Browser Object Model (BOM) 操作,用于与浏览器交互。

从关系上看,JavaScript 是 ECMAScript 的超集,ECMAScript 是 JavaScript 的核心

以下是ECMAScript的几个里程碑:

  • 第一个里程碑:1999年发布的ECMAScript 3,引入了正则表达式,try/catch
  • ECMAScript 5 (ES5), 2009年发布,引入严格模式,支持JSON
  • ECMAScript 6 (ES6),发布于2015年,它已经被主流浏览器实现了。重大更新,引入了类、模块、类型化数组、集合collection、反射reflection、代理proxies、let和const。

2.3 开发工具

与其它语言类似,开发JavaScript时,开发人员可以根据自己的需求(自动补全,语法高亮,JSLint),选择合适的开发环境:

  • 记事本/ notepad++
  • Eclipse
  • SAP BAS/WebIDE
  • Visual Studio Code
  • etc

JavaScript代码可以嵌入到HTML文件中,也可以独立附加到.js文件中,使用JavaScript时不需要部署(如果你想使用Ajax,则需要设置一个web服务器;复杂的UI5应用也需要web服务器)。

2.4 运行环境

JavaScript 主要运行在两个环境中:浏览器环境和服务器环境。

  • 浏览器环境:JavaScript 最初是为了在浏览器中运行而设计的。目前所有现代浏览器都支持JavaScript(包括移动浏览器),每个浏览器都有自己的JavaScript引擎,这些JavaScript引擎会执行给定JS代码。JS引擎的实现和编译可能不同,但JS执行的结果是相同的。浏览器也都提供了开发人员工具(developer tool),可提供代码调试的功能。

  • 服务器环境:随着 Node.js 的出现,JavaScript 也可以在服务器端运行。在服务器环境中,JavaScript 可以用来处理 HTTP 请求和响应,操作数据库,处理文件,实现实时通信等。

此外,JavaScript 还可以在一些其他环境中运行,如:移动应用环境:如 React Native 和 Ionic 等框架允许使用 JavaScript 来开发移动应用。桌面应用环境:如 Electron 等框架允许使用 JavaScript 来开发桌面应用。嵌入式设备和物联网设备:一些设备也支持 JavaScript,使得 JavaScript 可以用于物联网设备的开发。

3. 小结

本篇博客介绍了JavaScript语言的特性、历史以及运行环境,对于第一次接触JavaScript的同学,可以通过此篇博客形成对JS的初步认知。

标签:浏览器,JavaScript,环境,JS,开发,Fiori,ECMAScript,SAP
From: https://blog.csdn.net/nkGavinGuo/article/details/137008596

相关文章

  • SAP Fiori开发中的JavaScript基础知识2 - 变量,操作符,值,类型
    1.JavaScript代码示例在介绍JavaScript具体语法前,让我们先看一段在Web应用程序过程中的JS代码片。<!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title>FirstJavaScriptApplication!</title> <scriptsrc="js/myExternal.js&q......
  • ECMAScript与JavaScript:一窥两者之间的微妙差异
    目录引言一、ECMAScript的定义与作用二、JavaScript的定义与作用三、ECMAScript和JavaScript的关系同源关系语法规范兼容性四、ECMAScript和JavaScript的区别概念层面更新频率兼容性五、ECMAScript规范和JavaScript引擎的实现之间是如何保持兼容性的六、ECMAScrip......
  • 03-JavaScript数组
    1.数组(重点)思考:如何保存一个班级的所有学生的姓名?回答:一种方法利用前面学习过的知识,则每一条信息都需要一个变量去保存,缺点是这样做很麻烦,而且容易出错,又不合理;另一种方法就是利用数组。概念:数组是存储一系列值的变量集合,可以存储多个值。1.1语法数组构成:数组由一个或......
  • SAP BTP云上一个JVM与DB Connection纠缠的案例
    前言最近在CF(CloudFoundry)云平台上遇到一个比较经典的案例。因为牵扯到JVM(app进程)与数据库连接两大块,稍有不慎,很容易引起不快。在云环境下,有时候相互扯皮的事蛮多。如果是DB的问题,就会找DB相关部门。关键是如何自证。涉及到职场生存法则,大家都不愿意去背锅,谁背锅,意......
  • JavaScript变量/数组
    变量1、var:全局变量(作用域范围大,且允许重复声明)2、let:局部变量(作用域仅在代码块内,且不允许重复声明)3、const:常量(一旦声明,常量的值不能改变)数组特点:长度可变,类型可变for和foreach的区别:1、for遍历数组中的所有元素2、foreach遍历数组中有值的元素,并调用一次传入的函......
  • JavaScript 基础、内置对象、BOM 和 DOM 常用英文单词总结
    一提到编程、软件、代码。对于英语不是很熟悉的同学望而却步。其实没有想像中的难么难,反复练习加上自己的思考、总结,会形成肌肉记忆。整理一下,初学者每天30遍。1、JavaScript基础语法break:中断循环或switch语句的执行。case:在switch语句中检查的值。catch:在try-c......
  • SAP:界面程序上的按钮、LABEL、Checkbox等说明在哪里定义
    环境:SAPECC6:1、界面程序上的按钮、LABEL、Checkbox等说明在哪里定义?在事务码T-CODE:SE80创建程序后(如:Z12_06),在工具菜单栏点击“其它对象...”按钮,选择”增强选项“,在对象选择窗口的,选择”程序”标签页的“文本元素”。在“文本符号”标签页里输入文本内容。字段说明:符......
  • AJAX(Asynchronous JavaScript and XML)是一种用于创建交互式网页应用程序的技术
    AJAX(AsynchronousJavaScriptandXML)是一种用于创建交互式网页应用程序的技术。通过在后台与服务器进行异步通信,实现在不重新加载整个页面的情况下更新部分页面内容。而Spring是一个开源的Java框架,它提供了一种简化Java开发的方式,包括Web应用程序开发。下面是一个使用AJAX......
  • 【教程】JavaScript代码混淆及优化
     摘要本文将介绍常见的JavaScript代码混淆技术,包括字符串转十六进制、Unicode编码、Base64加密、数值加密、数组混淆、花指令、逗号表达式、控制流程平坦化和eval执行。通过对这些混淆技术的理解和应用,可以提高代码的安全性和保护知识产权。引言随着互联网的发展,JavaScript作......
  • (九)JavaScript的执行上下文
    一、理解执行上下文,就是代码被解析和执行时所在环境的抽象概念。JavaScript中运行任何代码都是在执行上下文中运行。由js引擎自动创建的对象,包含对应作用雨中的所有变量属性。二、执行上下文的类型全局执行上下文:默认的最基础的执行上下文。不在任何函数中的代码都处......