翼度科技»论坛 编程开发 JavaScript 查看内容

JavaScript复习——03 函数

7

主题

7

帖子

21

积分

新手上路

Rank: 1

积分
21
函数在JS中也是一个对象,它具有其它对象的所有功能,函数中可以存储代码,且可以在需要的时候调用这些代码
函数的操作

函数的定义


  • 函数声明
  1. function 函数名([参数列表]) {
  2.         // 函数体
  3.         return 返回值;
  4. }
复制代码

  • 函数表达式
  1. const 函数名 = function([参数列表]) {
  2.         return 返回值;
  3. }
复制代码

  • 箭头函数
  1. const 函数名称 = ([参数列表]) => {
  2.         return 返回值;
  3. }
  4. const 函数名称 = ([参数列表]) => console.log("箭头函数");
复制代码
函数的调用
  1. 函数名称(参数1,参数2,.....);
复制代码
函数的类型
  1. function fn(){
  2.         console.log("我是牛逼")
  3. }
  4. // 返回function
  5. console.log(typeof fn)
复制代码
函数的参数

参数:

  • 如果实参和形参相同,那么对应的实参会赋值给形参
  • 如果实参多于形参,则多余的实参不会使用
  • 如果形参多于实参,则多余的形参为undefined
注意:JS不检查的参数的类型,任何类型都可以作为参数传递

箭头函数的参数


  • 我们用箭头函数作为参数的时候,只有一个参数的时候,可以省略()
  • 定义参数时,我们可以指定默认值
  • 箭头函数没有arguments
  • 箭头函数的 this 不能修改
  1. const fn = (a,b) => {
  2.     console.log('a=',a);
  3.     console.log('b=',b);
  4. }
  5. // 当我们箭头函数,只有一个参数时,可以省略()
  6. const fn2 = a => {
  7.     console.log('a =',a);
  8. }
  9. // 定义参数的时候,我们可以指定默认值
  10. const fn3 = (a = 10,b = 20,c = 0) => {
  11.         console.log('a = ',a);
  12.            console.log('b = ',b);
  13.     console.log('c = ',c);
  14. }
复制代码
对象作为参数

注意:

  • 我们传递参数的时候,我们传递的是变量中的值,而不是变量本身
  • 函数每次调用,都会重新创建一个新的对象
[code]function fn(a) {    a.name = '
来源:https://www.cnblogs.com/trueasureyuki/p/17809721.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

举报 回复 使用道具