JS函数-上

139 阅读3分钟

函数(上)

主要内容:

请添加图片描述 文章转载自乐字节

学习目标:

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

思考:为什么使用函数?使用函数能解决什么问题?

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

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

什么是函数

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

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

系统函数

字符串,数学函数,数组函数等,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中,当把函数当做数据使用时,可以不设置名字

请添加图片描述

函数必须要先声明后使用

请添加图片描述 文章转载自乐字节