diff --git a/zh-cn/application-dev/reference/apis/js-apis-app-ability-configuration.md b/zh-cn/application-dev/reference/apis/js-apis-app-ability-configuration.md
index 36eeaa4c5d369277b6ee8570113c1c72f73e5ca2..d39320ca2ba439d47cd6e1ef3a8ebca1f24088fc 100644
--- a/zh-cn/application-dev/reference/apis/js-apis-app-ability-configuration.md
+++ b/zh-cn/application-dev/reference/apis/js-apis-app-ability-configuration.md
@@ -28,21 +28,23 @@ import Configuration from '@ohos.app.ability.Configuration'
 **示例：**
     
   ```ts
-  let envCallback = {
-     onConfigurationUpdated(config) {
-       console.info(`envCallback onConfigurationUpdated success: ${JSON.stringify(config)}`)
-       let language = config.language;
-       let colorMode = config.colorMode;
-       let direction = config.direction;
-       let screenDensity = config.screenDensity;
-       let displayId = config.displayId;
-       let hasPointerDevice = config.hasPointerDevice;
+  import UIAbility from '@ohos.app.ability.UIAbility';
+
+  export default class EntryAbility extends UIAbility {
+    onCreate(want, launchParam) {
+      let envCallback = {
+        onConfigurationUpdated(config) {
+          console.info(`envCallback onConfigurationUpdated success: ${JSON.stringify(config)}`)
+        }
+      };
+      try {
+        let applicationContext = this.context.getApplicationContext();
+        let callbackId = applicationContext.on("environment", envCallback);
+        console.log("callbackId: " + callbackId);
+      } catch (paramError) {
+        console.log("error: " + paramError.code + ", " + paramError.message);
+      }
     }
-  };
-  try {
-    let callbackId = applicationContext.on("environment", envCallback);
-  } catch (paramError) {
-    console.log("error: " + paramError.code + ", " + paramError.message);
   }
   ```