function 函数

内容目录

function 函数

函数是 JavaScript 中的基本组成部分,TypeScript 为 JavaScript 中的函数提供了完整的定义类型。

函数(function)可以作为参数传递,可以存入数组,可以作为返回值返回等等,这些都是 JavaScript 中的基本特性。

下面是一段简单的函数代码:

function add(x: number, y: number, z?: number): number {
  if (typeof z === "number") return x + y + z;
  else return x + y;
}

//函数表达式
const add1 = function (x: number, y: number, z?: number): number {
  if (typeof z === "number") return x + y + z;
  else return x + y;
};

let res = add(23, 23, 12);

其中可以看到,在 typescript 中,我们需要对于一个函数地参数和其返回值进行类型的定义,这样的话,我们就可以在编译的时候就能够发现一些错误。

可选参数

在 TypeScript 中,我们可以使用 ? 来标记一个参数为可选参数,可选参数必须放在必选参数的后面。在上面的代码之中,z 就是一个可选参数。我们同样可以给可选参数一个默认值,这样的话,当我们没有传入这个参数的时候,就会使用默认值。

例子:

function add(x: number, y: number, z: number = 10): number {
  return x + y + z;
}

let res = add(23, 23);

相关笔记

为什么要使用 TypeScript

什么是 TypeScript TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持。TypeScript 编译后的结果就是纯粹的 JavaScript,可以在任何支持 JavaScript 的环境中运行。

阅读全文

css书写顺序

css 书写顺序:布局定位属性 > 自身样式 > 文本样式 > 其他样式。

阅读全文

css三大特性

css 继承 css 继承是指子元素会继承父元素的样式。 Info 父元素的有关的文字属性会被继承,而非文字属性则不会被继承。 例如,父元素的字体颜色、字体大小、行高等属性会被子元素继承,而父元素的背景颜色、边框样式等属性则不会被子元素继承。

阅读全文