diff --git a/ecmascript/napi/include/jsnapi.h b/ecmascript/napi/include/jsnapi.h
index 7cfe6e059ba193d35b1fc9e63d49164f9bce2e0b..60a61960124c9db29771b0b22b36d09f991e85a9 100644
--- a/ecmascript/napi/include/jsnapi.h
+++ b/ecmascript/napi/include/jsnapi.h
@@ -533,6 +533,7 @@ class PUBLIC_API FunctionRef : public ObjectRef {
 public:
     static Local<FunctionRef> New(EcmaVM *vm, FunctionCallback nativeFunc, void *data);
     static Local<FunctionRef> New(EcmaVM *vm, FunctionCallback nativeFunc, Deleter deleter, void *data);
+    static Local<FunctionRef> NewWithProperty(EcmaVM *vm, FunctionCallback nativeFunc, void *data);
     static Local<FunctionRef> NewClassFunction(EcmaVM *vm, FunctionCallbackWithNewTarget nativeFunc, Deleter deleter,
         void *data);
     Local<JSValueRef> Call(const EcmaVM *vm, Local<JSValueRef> thisObj, const Local<JSValueRef> argv[],
diff --git a/ecmascript/napi/jsnapi.cpp b/ecmascript/napi/jsnapi.cpp
index d0a1a458e5f94b0e76af8b2d927eafac2897e556..37a8eaae34c304df617fbf1faf1e12eb807bc0ac 100644
--- a/ecmascript/napi/jsnapi.cpp
+++ b/ecmascript/napi/jsnapi.cpp
@@ -765,6 +765,20 @@ Local<FunctionRef> FunctionRef::New(EcmaVM *vm, FunctionCallback nativeFunc, Del
     return JSNApiHelper::ToLocal<FunctionRef>(JSHandle<JSTaggedValue>(current));
 }
 
+Local<FunctionRef> FunctionRef::NewWithProperty(EcmaVM *vm, FunctionCallback nativeFunc, void *data)
+{
+    JSThread *thread = vm->GetJSThread();
+    ObjectFactory *factory = vm->GetFactory();
+    JSHandle<GlobalEnv> env = vm->GetGlobalEnv();
+    JSHandle<JSFunction> current =
+            factory->NewJSFunction(env, reinterpret_cast<void *>(Callback::RegisterCallbackWithProperty));
+    JSHandle<JSNativePointer> funcCallback = factory->NewJSNativePointer(reinterpret_cast<void *>(nativeFunc));
+    JSHandle<JSNativePointer> dataCaddress = factory->NewJSNativePointer(data);
+    JSHandle<JSFunctionExtraInfo> extraInfo(factory->NewFunctionExtraInfo(funcCallback, dataCaddress));
+    current->SetFunctionExtraInfo(thread, extraInfo.GetTaggedValue());
+    return JSNApiHelper::ToLocal<FunctionRef>(JSHandle<JSTaggedValue>(current));
+}
+
 Local<FunctionRef> FunctionRef::NewClassFunction(EcmaVM *vm, FunctionCallbackWithNewTarget nativeFunc, Deleter deleter,
     void *data)
 {
@@ -1301,6 +1315,58 @@ JSTaggedValue Callback::RegisterCallback(ecmascript::EcmaRuntimeCallInfo *info)
     return JSNApiHelper::ToJSHandle(result).GetTaggedValue();
 }
 
+JSTaggedValue Callback::RegisterCallbackWithProperty(ecmascript::EcmaRuntimeCallInfo *info)
+{
+    // Constructor
+    JSThread *thread = info->GetThread();
+    JSHandle<JSTaggedValue> constructor = BuiltinsBase::GetConstructor(info);
+    if (!constructor->IsJSFunction()) {
+        return JSTaggedValue::False();
+    }
+    JSHandle<JSFunction> function(constructor);
+    JSHandle<JSTaggedValue> extraInfoValue(thread, function->GetFunctionExtraInfo());
+    if (!extraInfoValue->IsJSFunctionExtraInfo()) {
+        return JSTaggedValue::False();
+    }
+    JSHandle<JSFunctionExtraInfo> extraInfo(extraInfoValue);
+    // vm
+    Region *region = Region::ObjectAddressToRange(extraInfo.GetTaggedValue().GetTaggedObject());
+    if (region == nullptr) {
+        return JSTaggedValue::False();
+    }
+    EcmaVM *vm = region->GetSpace()->GetHeap()->GetEcmaVM();
+    // data
+    JSHandle<JSTaggedValue> data(thread, extraInfo->GetData());
+    if (!data->IsHeapObject()) {
+        return JSTaggedValue::False();
+    }
+    JSHandle<JSNativePointer> dataObj(data);
+    // callBack
+    JSHandle<JSTaggedValue> callBack(thread, extraInfo->GetCallback());
+    if (!callBack->IsHeapObject()) {
+        return JSTaggedValue::False();
+    }
+    JSHandle<JSNativePointer> callBackObj(callBack);
+    FunctionCallback nativeFunc = (reinterpret_cast<FunctionCallback>(callBackObj->GetExternalPointer()));
+
+    // constructor
+    JSHandle<JSTaggedValue> thisValue(BuiltinsBase::GetConstructor(info));
+
+    // arguments
+    std::vector<Local<JSValueRef>> arguments;
+    array_size_t length = info->GetArgsNumber();
+    for (array_size_t i = 0; i < length; ++i) {
+        arguments.emplace_back(JSNApiHelper::ToLocal<JSValueRef>(BuiltinsBase::GetCallArg(info, i)));
+    }
+
+    Local<JSValueRef> result = nativeFunc(vm,
+        JSNApiHelper::ToLocal<JSValueRef>(thisValue),
+        arguments.data(),
+        arguments.size(),
+        dataObj->GetExternalPointer());
+    return JSNApiHelper::ToJSHandle(result).GetTaggedValue();
+}
+
 JSTaggedValue Callback::RegisterCallbackWithNewTarget(ecmascript::EcmaRuntimeCallInfo *info)
 {
     // Constructor
diff --git a/ecmascript/napi/jsnapi_helper.h b/ecmascript/napi/jsnapi_helper.h
index bd377a35151ea82092b456b66b61f5467d6f73bc..53b1cb627f794ee086cd3cf05c2e97c91d5eec18 100644
--- a/ecmascript/napi/jsnapi_helper.h
+++ b/ecmascript/napi/jsnapi_helper.h
@@ -74,6 +74,7 @@ public:
 class Callback {
 public:
     static ecmascript::JSTaggedValue RegisterCallback(ecmascript::EcmaRuntimeCallInfo *info);
+    static ecmascript::JSTaggedValue RegisterCallbackWithProperty(ecmascript::EcmaRuntimeCallInfo *info);
     static ecmascript::JSTaggedValue RegisterCallbackWithNewTarget(ecmascript::EcmaRuntimeCallInfo *info);
 };
 }  // namespace panda