JS函数中的名称函数(大总结)

有名称函数

1,有名用途:有名称函数是jsavascript中使用最广泛的方法,反而匿名函数用的比较少
注:有名函数可以不写形参(形参可有可无一般是根据题来判断)
2,声明一个函数的语法结构(最常见的):
function 函数名(参数1,参数2…){函数题}(声明函数时的参数称为形参)
注:记得:初始化,赋值,调用(先调用后在执行函数体的代码)
3,构造函数
(1)function 声明首字母大写(){this指向}
实例化函数:var 变量=new 声明首字母大写()
注:记得:初始化,赋值,调用
4,调用的重点:调用分为(两种)
(1)自调(函数自己调用自己)(有名调用)
(2)事件驱动进行调用(又分为两种)(匿名调用和有名都有)

第一种:行间事件调用(有名)

         function btn(){}
         <button onclick='btn()'>点击事件</button>

第二种:DOMj节点调用(匿名)

         <button id="id_01">点击</button>
         <script>
                //获取页面的元素用id的值
                var id1=document.getElementById('id_01');
                id1.onclick=function(){}//不能重复使用调用(没有函数名不用调用,它直接获取元素就行了)
         </script>

5,有名函数优点
(1)优化程序
(2)减少代码冗余
(3)提高用户体验度
(4)可以重复调用代码
(5)提高效率
(6)方便后期维护
6,有名函数的说明:
(1)定义函数必须使用function关键字
(2)函数名必须是唯一的,尽量通俗易懂,并且要跟定义的代码有关
(3)函数可以使用return语句将整个值返回,也可以没有返回值
return:结束函数,返回函数,默认阻止一个程序
(4)参数是可选的可以带参数也可以不带参数,如果带参数用逗号隔开
7,有名函数带参数和不带参数的区别
(1)如果定义函数的接口没有参数,编译器不会主动参数是否正确,最好加上代码,这样可以避免一些莫名其妙的问题
8,带有参数的函数调用(有名函数)

 function fun(fun1,fun2){}  
 fun(a,b)//调用用实参所以和形参的值不能一样    

9,带有返回值(return)的函数

 代码
  function ret(ret1,ret2){
        reture 形参数ret1+ret2(数字/字符串/两数加减/输出方式等都可加);
  } 外
  //return需要用一个变量接收一下
  //因为直接返回到整个函数  ,所以用输出方式接收一下     
  //**接收也可分为2种方式
  //直接接收
  console.log(ret(a,b))
  //定义一个变量
  var 变量=ret()
  console.log(变量)
  //这样写的原因减少代码冗余
  //便于操作
  //提高代码的效率
  //可以重复调用
  //优化程序
  //方便后期维护
  //提高用户体验度
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值