JS函数-上

函数（上）

主要内容：

文章转载自乐字节

学习目标：

节数	知识点	要求
第一节 函数的初识	什么是函数	了解
第二节 函数的分类	系统函数	了解
	自定义函数	了解
	函数的使用	了解
第三节 函数的类型	函数类型	掌握
第四节 函数的作用域和作用域链	函数作用域	掌握

思考：为什么使用函数？使用函数能解决什么问题？

您能够对代码进行复用：只要定义一次代码，就可以多次使用它。

您能够多次向同一函数传递不同的参数，以产生不同的结果。

什么是函数

函数：是一般是由事件驱动的，为了实现特定功能的，可以重复调用的一段可以执行的代码块。

函数的分类—按函数是否由开发者编写

系统函数

字符串，数学函数，数组函数等，js系统给我们提供好的函数。

自定义函数

自己定义的函数：函数的声明

function 函数名(形式参数1，形式参数2…){语句}

函数的使用

1、函数调用

2、函数和事件绑定

函数的类型–按有无参数，有无返回值

无参无返回值类型函数（函数声明）

无参有返回值类型函数

return的使用

1、return，从字面意思来看就是返回，官方定义return语句将终止当前函数并返回当前函数的值，return后面的语句不执行。

2、官方定义return后面可以跟一个value，也就是说可以跟javascript中的任何数据类型，数字，字符串，对象等，当然也可是再返回一个函数

3、return 返回基本数据类型

4、return 返回对象

5、return 返回函数

总之：return false 只在当前函数有效，不会影响其他外部函数的执行。(也就是其中断的只是一个函数，对于其外部函数没影响)

6、return 注意事项

retrun true； 返回正确的处理结果。

return false；返回错误的处理结果，终止处理。

return；把控制权返回给页面。

function myFunction(a) {
   var
   power = 10; 
   return a * power;
 }

function myFunction(a) {
   var
   power = 10; 
   return
   a * power;
 }

返回 **undefined**

function foo1() {

  return {

​    bar:'hello'

  }

}

function foo2() {

  return

  {

​    bar:'hello'

  }

}

//第一个返回一个对象

//第二个返回undefine 因为第二个 return 后面没内容，分号自动加在 return 后面

void的使用

javascript:void(0) 该操作符指定要计算一个表达式但是不返回值。

void()仅仅是代表不返回任何值，但是括号内的表达式还是要运行void(alert(“running!”))

href="#"与href="javascript:void(0)"的区别

# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。

有参无返回值类型函数

有参有返回值类型函数

匿名函数（函数声明）

匿名函数：在JavaScript中，当把函数当做数据使用时，可以不设置名字

函数必须要先声明后使用

文章转载自乐字节