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
上下文更多地与组件实例相关联,而不是与函数调用上下文相关联。
3. 谈谈对闭包的理解
(1) 闭包是有权访问另一个函数作用域变量的函数;
(2) 闭包一般是函数嵌套,一个函数返回另外一个函数,内部函数访问外部函数的变量就形成了一个闭包;
(3) 闭包的优点是可以私有化变量,将变量私有化到函数内部,并在私有化的基础上进行数据保持;
(4) 闭包在防抖节流函数柯里化,都应用里数据保持这个特性;
(5) 在防抖函数中,第一次点击的时候,我们会let一个time一个定时器,如果不采用闭包的话,下次触发函数会重新创建一个新的定时器,两个定时器的引用不同,是没有关联的,使用闭包可以直接在内存中找到之前创建的计时器,调用就可以直接拿到对应的定时器的时间;
(6) 闭包的缺点是容易造成内存泄露,因为闭包创建的变量会一直存在内存中,需要及时置空,否则会造成内存泄露,影响程序性能;