UI5-文档-4.6-Modules

在SAPUI5中，资源通常被称为模块。在这一步中，我们将上次练习中的警报替换为sap.m库中的适当消息Toast。所需的模块可以异步加载。

Preview

A message toast displays the "Hello World" message

Coding

You can view and download all files at Walkthrough - Step 6.

webapp/controller/App.controller.js

sap.ui.define([

   "sap/ui/core/mvc/Controller",

   "sap/m/MessageToast"

], function (Controller, MessageToast) {

   "use strict";

   return Controller.extend("sap.ui.demo.walkthrough.controller.App", {

      onShowHello : function () {

         MessageToast.show("Hello World");

      }

   });

});

这种异步模块定义(AMD)语法允许将模块加载与代码执行清晰地分开，并极大地提高了应用程序的性能。浏览器可以在代码执行之前决定何时以及如何加载资源。我们使用到sa .m. messagetoast的完全限定路径扩展了所需模块的数组。一旦加载了两个模块Controller和MessageToast，就会调用回调函数，我们可以通过访问传递给函数的参数来利用这两个对象.

Conventions

　　•使用sap.ui.define for controllers和所有其他JavaScript模块来定义一个全局命名空间。通过名称空间，可以在整个应用程序中处理对象。

　　•使用sap.ui.require异步加载依赖项但不声明名称空间，例如只需要执行但不需要从其他代码调用的代码。

　　•使用工件的名称来加载函数参数的命名(没有名称空间)。

Parent topic: Walkthrough

Previous: Step 5: Controllers

Next: Step 7: JSON Model

Related Information

API Reference:sap.ui.define

API Reference:sap.ui.require