下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:js函数

作者:Gust_Lq     来源: https://www.cnblogs.com/gust-lq/p/11352502.html点击数:599发布时间: 2020-02-28 11:06:09

标签: C语言js全局函数

Web开发

  一个较大的程序一般应分为若干个程序块,每一个模块用来实现一个特定的功能。所有的高级语言中都有子程序这个概念,用子程序实现模块的功能。在C语言中,子程序的作用是由一个主函数和若干个函数构成。由主函数调用其他函数,其他函数也可以互相调用。同一个函数可以被一个或多个函数调用任意多次。

  一、函数

  1.函数的定义:

  用来执行某些特定功能的代码,为了减少重复使用代码,需要的时候直接调用。

  2.函数的创建:

  function函数名(参数变量列表){

  函数体

  return返回值;

  }

  • 函数名:根据功能来自己定义的名称;

  • 参数:传入函数内的变量;这里的参数是形参(形式参数),可以给形参赋值,当没有实参(实际参数)时,如果形参有默认值,则变量的值为形参的默认值,形参没有默认值,变量则为undefined;

  //有实参时

  functionuser(num1,num2){

  returnnum1+num2;

  }

  varres=user(1,2);

  //console.log(res);//3

  //没有实参,形参有默认值时

  functionuser1(num1=1,num2=2){

  returnnum1+num2;

  }

  varres1=user1();

  //console.log(res1);//3(调用的是形参值的默认值)

  //没有实参,形参有默认值时----------or-----------------

  functionuser1(name,age){

  name=name||'德玛西亚';

  age=age||18;

  alert('你好!我是'+name+',今年'+age+'岁。');

  }

  //没有实参,没有形参时

  functionuser2(num1,num2){

  returnnum1+num2;

  }

  varres2=user2();

  //console.log(res2);//NaN(因为num1和num2都为undefined,两个undefined相加为NaN。)

  //有实参,形参有默认值时

  functionuser3(num1=1,num2=2){

  returnnum1+num2;

  }

  varres3=user3(3,4);

  //console.log(res3);//7(有实参时,默认把形参覆盖)

  //实参数量大于,形参数量

  functionuser4(num1,num2){

  returnnum1+num2;

  //returnarguments.length;//4

  }

  varres4=user4(1,2,3,4);

  //console.log(res4);//3(形参的生命周期只有一次,被代替后值不会被改变,所以num1对应1,num2对应2,但实参里剩余的值依旧传入函数里)

  • 返回值:退出函数时,顺便返回结果,如果函数没有返回任何结果,就返回undefined,可以单独使用。

  3.函数调用:函数名加括号➡name();

  二、作用域

  1.全局作用域:程序中的任何位置都可以访问的范围

  全局变量:保存在全局作用域中,程序任何位置都可使用的变量,可反复使用,只要希望随处可用的公共变量,只要不属于任何函数的变量,自动都是全局的,

  2.函数作用域:仅函数内可用的范围

  局部变量:保存在函数作用域中,仅函数内可用的变量,不可反复使用,只限于当前函数内使用,函数外不可用时局部变量有两种:1、在函数内声明的变量2、函数的参数变量也是局部变量

  3.变量使用顺序:优先使用函数内的局部变量,局部没有,才去全局找。

  三、声明提前

  • js程序在正式执行之前,会将所有var声明的变量和function声明的函数,预读到所在作用域的顶部,但是对var声明只是将声明提前,赋值仍然保留在原位置,function声明,会将函数名称和函数体都提前,而且先预声明变量再预定义函数。这个过程也被叫做,“预解析”或者“预编译“。

  1. 变量声明提前

  functionfn(){

  console.log(a);//undefined

  vara=100;

  console.log(a);//100

  };

  fn();

  //---------------代码相当于------------------

  functionfn(){

  vara;

  console.log(a);//undefined

  a=100;

  console.log(a);//100

  };

  fn();

  console.log(a);//报引用错误!(注意:声明提前仅能将声明提前到所在作用域的顶部)

  2.函数声明提前

  //------------------使用函数声明形式--------------------------

  console.log(fn());//2(在函数声明之前调用它)

  functionfn(){

  return2;

  }

  //------------------使用var等关键字,函数表达式创建的函数,同变量声明提前相似,先声明,但是未赋,----------------------------

  fn2();//报错:fn2isnotafunction

  varfn2=function()

  console.log('使用var等关键字,函数表达式');

  }

  //--------------------相当于-----------------------

  varfn2;

  fn2();

  fn2=function(){

  console.log('使用var等关键字,函数表达式');

  }

  四、arguments对象

  • 以数组的形式保存了调用方给该函数传入的所有参数

  //------------------获取传入的参数个数-------------------------

  functioncalc(x,y){

  returnarguments.length;

  }

  console.log(calc(1,2));//2获取传入的参数个数

  //-----------------可变参数形式的函数--------------------------

  functiontest(){

  varparamsNum=arguments.length;//得到传入参数的个数

  varsum=0;

  for(vari=0;i<paramsNum;++i){

  sum+=arguments[i];//取值:arguments[i](第一个从i=0开始);

  }

  returnsum;

  }

  console.log(test(1,2,3,4,5,6));//21(1~6相加);

  函数分为全局函数、全局静态函数;在类中还可以定义构造函数、析构函数、拷贝构造函数、成员函数、友元函数、运算符重载函数、内联函数等。

赞(15)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程