JavaScript中函数的入门学习（一）

待我称王封你为后i 2023-10-17 19:19 18阅读 0赞

> 因为JavaScript是一门函数式编程语言(functional language);因此呢，重点自然是有关函数部分的学习了；

#### 这篇文章主要讲 函数的声明、参数赋值； ####

## 一、函数声明 ##

### 1.1 JavaScript函数式使用函数字面量（function literal）进行声明从而创建函数值的；（官方说辞） ###

函数字面量由四个部分组成：

1.function 关键字；（很关键）

2.可选名称：这个怎么理解呢？翻译一下：函数可以有名称也可以没有，所以叫可选名称；没有名字的叫匿名函数

3.括号内部，一个以逗号分隔的参数列表；（注释：参数可以有也可以没有；如果有多个参数每个参数之间用逗号隔开）；

4.函数体；

定义一个简单的函数：

function funName()\{

return "这是一个函数";

\}

接下来讲一下，函数定义的几种方式：

第一种：常用的方式：function funName()\{\}

第二种：匿名函数： function()\{\}

第三种：将函数赋给变量：

var test = function funName()\{\};

第四种：将函数作为对象的属性

var person =\{

test :function dbName()\{\}

\};

第三、四又叫内联函数；内联函数的函数名只在函数体中可见（可以自己试一下）；

### 1.2函数中可以添加属性和方法 ###

JavaScript中的函数和其他很多语言中的函数不同，JavaScript中赋予函数最重要的特性之一是将函数作为第一型对象（ps：这个第一原型对象是相当于Java的object吧）；

JavaScript中：函数中可以有变量、也可以有方法，可以分配属性和变量，可以共享普通对象所有拥有的属性，还有一个超级属性：被调用。。。。

![20180421170814198][]

## 二、函数参数赋值 ##

顺带提一下：在其他更纯面向对象的语言里，方法重载通常是通过在同名方法中申明不同的实现来达到目的，JavaScript中函数重载比较蛋疼，是通过传入参数的特性和个数进行相应的修改来达到目的；（至于如何实现可以自己试一下或者百度一下）

重点：函数有一个 arguments的属性：arguments属性指向所有传入参数的集合；通过arguments参数可以得到所有的传入的参数；

函数的length属性：声明函数时参数的个数（不要和arguments.length搞混淆了）；

举个例子：

![20180421181013746][]

运行结果：

![20180421181123412][]

##     ##

[20180421170814198]: https://img-blog.csdn.net/20180421170814198
[20180421181013746]: https://img-blog.csdn.net/20180421181013746
[20180421181123412]: https://img-blog.csdn.net/20180421181123412

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript入门学习笔记（一）

带你快速入门JS，JS与Java的异同点

阳光穿透心脏的1/2处/ 2024年04月23日 15:31/ 0 赞/ 89 阅读

相关 JavaScript中函数的入门学习（一）

> 因为JavaScript是一门函数式编程语言(functional language);因此呢，重点自然是有关函数部分的学习了；这篇文章主要讲函数的声明、参数赋值；

待我称王封你为后i/ 2023年10月17日 19:19/ 0 赞/ 19 阅读

相关 JavaScript学习笔记（二十一）构造函数

面向对象首先，我们要明确，面向对象不是语法，是一个思想，是一种编程模式。面向：面（脸），向（朝着）面向过程：脸朝着过程 =》关注着过程的编

超、凢脫俗/ 2023年10月06日 15:51/ 0 赞/ 53 阅读

相关带你学习Javascript中的函数进阶（一）

文章目录 1. 函数的定义和调用 1.1 函数的定义方式 1.2 函数的调用方式

落日映苍穹つ/ 2023年07月10日 11:30/ 0 赞/ 17 阅读

相关 JavaScript学习笔记（高阶函数一）

JavaScript学习笔记（高阶函数一） map/reduce reduce filter 回调函数

朱雀/ 2023年03月14日 13:26/ 0 赞/ 256 阅读

相关 JavaScript的函数解析（一）

JavaScript的函数今天和大家说一下js中一个比较重要的内容，函数。 JavaScript 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

冷不防/ 2023年03月13日 13:15/ 0 赞/ 2 阅读

相关一篇简明的 JavaScript 函数式编程入门指南

![dec749350ffb5079cbb55ad7bfe779e8.png][] 什么是函数式编程早在 1950 年代，随着 Lisp 语言的创建，函数式编程（ F

不念不忘少年蓝@/ 2022年09月11日 06:24/ 0 赞/ 119 阅读

相关 JavaScript快速入门（四）——JavaScript函数

允许转载，但请注明出处：http://blog.csdn.net/sysuzjz/article/details/43269039 函数声明之前说的三种函数声明中（参

淩亂°似流年/ 2022年08月06日 13:27/ 0 赞/ 172 阅读

相关 JavaScript中的函数

函数函数：封装一个专门任务的步骤清单的代码段何时使用？只要定义一个专门的任务，要封装一个函数使用函数：声明定义使用声明提前：在程序执行前或函数被调用

清疚/ 2022年06月16日 14:22/ 0 赞/ 252 阅读

相关 JavaScript从入门到精通学习笔记（一）

最近有些空闲时间觉得前端框架虽然提高了开发效率，却让人的基础变得薄弱，所以打算再去学习一下原生JS。第二章使用JavaScript开发 2.1、编写第一个JavaScr

Myth丶恋晨/ 2022年06月01日 12:45/ 0 赞/ 227 阅读