到目前为止，您已经在本课程中了解了几个 CSS 函数。在 grid 模块中，我们介绍了 minmax() 和 fit-content()，它们可以帮助您调整元素大小。在 color 模块中，我们介绍了 rgb() 和 hsl()，它们可帮助您定义颜色。

与许多其他编程语言一样，CSS 提供了大量内置函数，您可以在需要时随时访问它们。

函数“表达式”是在预期使用表达式的位置创建的函数。您经常会遇到用作变量赋值的函数表达式。虽然函数声明始终需要名称，但您可以使用函数表达式创建匿名函数，方法是省略标识符，并在 function 关键字后面加上一对包含可选参数的圆括号：

const myVariable =function(){};

函数是一个可重复使用的模块化语句块，用于执行一组相关任务，例如根据提供给函数的实参计算和返回值。与所有非原始值一样，函数也是对象。它们是具有唯一性的对象，因为您可以调用它们来执行代码、以参数形式传递数据以及返回值。return

函数被视为“第一类”对象，这意味着尽管它们的行为独特，但其可在与任何其他 JavaScript 对象相同的上下文中使用。例如，可以将函数赋值给变量，作为参数传递给其他函数，并由其他函数返回。

使用 new 调用函数时，系统会使用调用的函数作为该对象的“构造函数”创建一个新对象：

functionMyFunction(){}
const myObject =newMyFunction();

typeof myObject;
>"object"`

使用 return 可指定函数应生成为最终结果的值。当解释器到达 return 语句时，包含该语句的函数会立即结束，并将指定的值返回到调用该函数的上下文：

const myFunction =function(){
   return2+2;
}

myFunction();
>4

关键字 this 是指在调用函数时绑定到函数的对象的值，也就是说，根据函数是作为方法调用、独立函数还是构造函数调用，其值会有所不同。

调用函数时，它会在后台创建关键字 this 的实例，作为对包含该函数的对象的引用，从而允许从其作用域内访问与其一起定义的属性和方法。在某些方面，对 this 的使用类似于使用通过 const 声明的变量。与常量一样，您无法移除 this，也无法为其重新赋值，但可以更改 this 关键字包含的对象的方法和属性。