一、什么是函数？

当我们看到"函数"这两个字的时候，一定会想，它与数学上的函数有什么区别呢？

首先我们要知道，Javascript中的函数与数学上的函数不是一种东西。JS中的函数是一种通过调用来完成具体业务的一段代码块。最核心的目的是将可重复执行的操作进行封装，然后供调用方无限制的调用。说白了函数就是为了完成一定的功能的封装的语句体。

在程序设计中，可以将一段经常使用的代码"封装起来"，在需要使用的时候直接调用，这种"封装"就是函数。

二、函数的分类

在javascript中，函数可分为两种，一种是自定义函数，另一种是系统内置函数，而系统函数里面还包括预定义函数。

预定义函数不属于任何对象，它们在使用时不需要通过任何对象来应用。它是一种全局函数，可直接使用。下面是一些常用的预定义函数。

1、eval() 将字符串转换成数字，可以直接执行Js代码

1、isNaN 用来计算一个参数以确定它是否为非数字，如果是NaN,则返回true,否则返回false，isNaN无法判断是否是NaN类型,只有值是true的时候，才能输出true,其他情况全部是false。因为isNaN()会先进行类型转换，然后再判断是否是NaN类型。

3、parseInt()/parseFloat()   将数字字符串转化为一个数值

4、isFinite()    用来确定参数是否是一个有限数值.也就是说,如果该参数为非数字NaN,正无穷数,或负无穷数,则返回false,否则返回true;如果是字符串类型的数字,将会自动关转化为数字型.

5、escape函数/unescape()    将字符串进行编码和解码，这样就可以在所有的计算机上读取该字符串。

三、自定义函数

定义函数：

function 函数名(){

函数体;

}

说明：

function 定义函数关键字，

“函数名” 是你给函数取的名字，

“函数体” 是为完成特定功能的代码。

函数声明后不会立即执行，会在我们需要的时候调用到。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。

通过下面这段代码可以更好的理解

 <script>function eat(){alert("正在吃饭");}eat();</script>

上面的代码是定义了一个名为eat的函数，它执行的功能是通过下面的eat()调用函数，输出"正在吃饭"。这是第一种调用方法。对上边的eat()函数还可以用第二种调用方法。

<button onclick="eat()"></botton>//放在<body>标签内

四、带参函数

带参函数就是能传递参数的函数，在执行函数时需要接受某个值。只有在调用它的时候传递值函数才能够执行。

函数的参数可以为一个或者多个。调用一个函数时所传入的参数为实参，实参决定着形参真正的值。

下面是带两个参数的函数，param1和param2

function testFun(param1, param2) {
console.log(param1, param2);
return 返回值
}

接着我们调用testFun:

testFun("Hello","World");

我们传递了两个参数， "Hello" 和 "World"。在函数内部，param1 等于“Hello”，param2 等于“World”。请注意，testFun 函数可以多次调用，每次调用时传递的参数会决定形参的实际值。

注意：

1.参数列表：表示函数的输入

2.函数主体：表示为了实现某一功能代码块

3.函数可以有返回值,也可以没有 return 进行返回

五、匿名函数

匿名函数就是没有名字的函数

它的定义形式如下：

function(){函数体;}

可以看出，它和普通函数的区别在于它没有函数名。它可以通过下面的方式输出。function前面的波浪线可以替换成其他字符。如"+","-"等

<script>~function(){alert("匿名函数");}();</script>

六、作用域

局部变量：在函数内部声明的变量，在函数外部并不能访问

function fun(){var a = 10;}console.log(a);  //报错

全局变量：函数外部声明的变量，在函数内部可以访问。

var a = 10;
function fun(){console.log(a);
}fun();  //输出10

Javascript基础——函数相关推荐

JavaScript零基础入门 7：JavaScript基础函数
目录一.时间函数Date 1.Date 2.创建一个指定的时间对象 3.getDate() 4.getDay() 5.getMonth() 6.getFullYear() 7.getTime() 8 ...
javascript基础-函数
函数就是使用关键字 "function" 定义的一段具有独立作用域,能被反复执行的语句块,JavaScript函数大致包括普通函数.变量函数.构造函数.匿名函数.闭包函数以及ES6 ...
JavaScript基础函数的配置对象Configuration Objects(020)
配置对象通常用在API库的实现中,当程序中需要编写要多次的模块,也可以采用这种模式.这种模式的好处是接口明确,扩展方便.比如,一个 addPerson在设计的最初需要两个参数作为初始化时人的姓名: f ...
【培训】DAY15 JavaScript基础
JavaScript基础函数和事件作用域变量数据类型数组创建数组读写数组的length属性数组元素增删数组迭代二维数组数组方法介绍事件 jQuery jQuery事件函数 jQ ...
JavaScript基础知识总结 14：学习JavaScript中的File API、Streams API、Web Cryptography API
目录一.Atomics和SharedArrayBuffer 二.原子操作基础 1.算术及位操作方法 2.原子读和写 3.原子交换 4.原子Futex操作与加锁三.跨上下文消息四.Encoding ...
JavaScript基础08-day10【函数的返回值、实参、立即执行函数、方法、全局作用域、函数作用域、提前声明、this、工厂方法创建对象、构造函数】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
JavaScript基础07-day09【嵌套for循环、break和continue、对象、数据类型、对象字面量、函数】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
js基础--javascript基础概念之函数
js基础--javascript基础概念之函数引用w3c介绍: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. JavaScript 函数语法函数就是包裹在花括号中的代码块,前面使用 ...
JavaScript基础之②isNaN函数的使用
JavaScript基础之②isNaN函数的使用 QQ:3020889729 小蔡 isNaN函数本质(字面意思:非数值的判断) isNaN使用方法 isNaN返回值 isNaN函数演示 QQ:302 ...
JavaScript基础笔记集合（转）
JavaScript基础笔记集合 JavaScript基础笔记集合 js简介 js是脚本语言.浏览器是逐行的读取代码,而传统编程会在执行前进行编译 js存放的位置 html脚本必须放在< ...

Javascript基础——函数