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

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

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

this 指向：
- 普通函数：this 的值在函数被调用时根据调用方式进行绑定。在普通函数中，this 可以是全局对象（非严格模式）、undefined（严格模式）、调用对象（方法调用）或通过 new 关键字创建的新对象实例（构造函数调用）。
- 箭头函数：箭头函数不绑定自己的 this，它们继承自父执行上下文中的 this。箭头函数的 this 在函数定义时就已经确定了，并且不会改变。
语法：
- 普通函数：具有 function 关键字，可以是函数声明（Function Declaration）或函数表达式（Function Expression）。
- 箭头函数：使用 => 符号，通常更加简洁，尤其是在匿名函数的场合。
构造函数能力：
- 普通函数：可以作为构造函数使用 new 关键字来创建对象实例。
- 箭头函数：不能用作构造函数，尝试使用 new 关键字会抛出错误。
原型属性（prototype）：
- 普通函数：具有 prototype 属性，该属性包含一个对象，该对象的原型会被构造函数创建的所有实例继承。
- 箭头函数：没有 prototype 属性。
arguments 对象：
- 普通函数：具有 arguments 对象，它包含了函数调用时传入的所有参数。
- 箭头函数：没有 arguments 对象，但可以通过剩余参数（rest parameters）来获取所有传入的参数。
绑定this、arguments、super和new.target：
- 普通函数：这些值在函数被调用时根据调用方式进行绑定。
- 箭头函数：这些值在函数定义时就已经被绑定，并且不会在函数调用时改变。
调用方式：
- 普通函数：可以通过 function 关键字定义，也可以作为表达式赋值给变量。
- 箭头函数：通常是匿名函数，可以作为表达式赋值给变量，或者作为参数传递给其他函数。
返回对象字面量：
- 普通函数：如果需要返回一个对象字面量，必须用括号包围对象字面量。
- 箭头函数：当箭头函数只有一条语句且返回一个对象字面量时，可以直接返回，不需要括号包围。

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

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 上下文更多地与组件实例相关联，而不是与函数调用上下文相关联。