【最新鸿蒙应用开发】——ArkTS与JavaScript区别

1. 箭头函数和普通函数的区别

箭头函数（Arrow Functions）和普通函数（Function Declarations/Expressions）在 JavaScript 中有一些关键区别，主要体现在 this 指向、语法、构造函数能力等方面。以下是它们之间的主要区别：

1. this 指向：

   • 普通函数：this 的值在函数被调用时根据调用方式进行绑定。在普通函数中，this 可以是全局对象（非严格模式）、undefined（严格模式）、调用对象（方法调用）或通过 new 关键字创建的新对象实例（构造函数调用）。

   • 箭头函数：箭头函数不绑定自己的 this，它们继承自父执行上下文中的 this。箭头函数的 this 在函数定义时就已经确定了，并且不会改变。

2. 语法：

   • 普通函数：具有 function 关键字，可以是函数声明（Function Declaration）或函数表达式（Function Expression）。

   • 箭头函数：使用 => 符号，通常更加简洁，尤其是在匿名函数的场合。

3. 构造函数能力：

   • 普通函数：可以作为构造函数使用 new 关键字来创建对象实例。

   • 箭头函数：不能用作构造函数，尝试使用 new 关键字会抛出错误。

4. 原型属性（prototype）：

   • 普通函数：具有 prototype 属性，该属性包含一个对象，该对象的原型会被构造函数创建的所有实例继承。

   • 箭头函数：没有 prototype 属性。

5. arguments 对象：

   • 普通函数：具有 arguments 对象，它包含了函数调用时传入的所有参数。

   • 箭头函数：没有 arguments 对象，但可以通过剩余参数（rest parameters）来获取所有传入的参数。

6. 绑定this、arguments、super和new.target：

   • 普通函数：这些值在函数被调用时根据调用方式进行绑定。

   • 箭头函数：这些值在函数定义时就已经被绑定，并且不会在函数调用时改变。

7. 调用方式：

   • 普通函数：可以通过 function 关键字定义，也可以作为表达式赋值给变量。

   • 箭头函数：通常是匿名函数，可以作为表达式赋值给变量，或者作为参数传递给其他函数。

8. 返回对象字面量：

   • 普通函数：如果需要返回一个对象字面量，必须用括号包围对象字面量。

   • 箭头函数：当箭头函数只有一条语句且返回一个对象字面量时，可以直接返回，不需要括号包围。

了解这些区别对于正确使用函数和避免常见错误非常重要。在选择使用箭头函数还是普通函数时，应该根据具体的应用场景和需求来决定。

2. ArkTS和JavaScript的this的区别

在 OpenHarmony 的 ArkTS（ArkUI 的 TypeScript）中，this 的行为与 JavaScript 中的类似，但也存在一些差异。ArkTS 是一种基于 TypeScript 的声明式开发框架，用于 OpenHarmony 应用开发。在 ArkTS 中，this 通常指向当前组件实例，这与 React 类组件中的 this 类似。

以下是 JavaScript 和 ArkTS 中 this 指向的一些基本区别：

ArkTS:

• 组件中：在 ArkTS 的组件中，this 通常指向组件实例，类似于 React 类组件中的 this。

• 方法或事件处理函数中：在这些情况下，this 指向的是当前组件实例，允许你访问组件的属性和方法。

• 构造函数调用：当一个函数用 new 关键字调用时，this 指向新创建的对象实例。如果在静态方法中，this 指向类本身。

• 箭头函数：与 JavaScript 类似，ArkTS 中的箭头函数也不绑定自己的 this，而是从父级作用域继承 this。

• 全局环境中：在浏览器中，全局环境中的 this 指向 window 对象；ArkTS基于TypeScript，默认为严格模式，所以全局this指向undefined。

在 OpenHarmony 的 ArkTS 开发中，由于它基于 TypeScript，因此 this 的行为在很多方面与 TypeScript 中的 this 类似，尤其是在类和对象字面量方法中。然而，由于 ArkTS 是为声明式 UI 设计的，因此它的 this 上下文更多地与组件实例相关联，而不是与函数调用上下文相关联。

3. 谈谈对闭包的理解

(1) 闭包是有权访问另一个函数作用域变量的函数；

(2) 闭包一般是函数嵌套，一个函数返回另外一个函数，内部函数访问外部函数的变量就形成了一个闭包；

(3) 闭包的优点是可以私有化变量，将变量私有化到函数内部，并在私有化的基础上进行数据保持；

(4) 闭包在防抖节流函数柯里化，都应用里数据保持这个特性；

(5) 在防抖函数中，第一次点击的时候，我们会let一个time一个定时器，如果不采用闭包的话，下次触发函数会重新创建一个新的定时器，两个定时器的引用不同，是没有关联的，使用闭包可以直接在内存中找到之前创建的计时器，调用就可以直接拿到对应的定时器的时间；

(6) 闭包的缺点是容易造成内存泄露，因为闭包创建的变量会一直存在内存中，需要及时置空，否则会造成内存泄露，影响程序性能；