zoukankan      html  css  js  c++  java
  • JS(JavaScript)的初了解5(更新中···)

    1.函数 关键词function

    首先,我们先复习一下前面的知识:

    var 是JS的关键字,用于声明变量,声明在内存模块完成,定义(=)是在执行模块完成。

    var可以在内存模块提前(JS代码执行前)完成所以有变量提升这个功能。

    为什么会出现图中的这种情况呢?

    因为a没有带var,所以不存在变量提升,浏览器会把他当成window的属性。

     

     

    function也是JS的关键字,用于声明和定义函数的,声明和定义都在内存模块完成了。

    function 也是内存模块提前完成,所以有函数提升这个功能。

    变量提升和函数提升 都叫预解释都是浏览器的。

     

    2.函数的定义:函数:是具有一定功能的代码块。

      函数是通过function定义的,function 后跟的是函数名。

      结构语法

      function fn(){}

      

      通过上图我们可以发现,内存模块只存var的变量名。而存function整个代码块,因为声明和定义同时完成的。

      函数结构要注意的

      

      函数定义 通过function 定义  function fn(){}

      函数定义的四种方式

          1.声明式定义 function fn(){}

          2.表达式式定义   var an=function(){}  匿名函数

            

          3.自调用

            定义和调用同时完成。

             

         

          4.通过 对象的形式   var as=new Function(){}

    函数调用 函数名()       fn()

    函数最大的优势  会形成一个独立的模块,可以按需使用,可以重复使用。

    按需使用  可以提升性能    重复使用 减少代码冗(rong 三声)余。

    函数调用的过程

    函数执行时会形成一个自己的私有作用域。最大的作用域是window(全局作用域)

    然后执行函数里面的代码块。

    案例分析

     

    分析图

     

          作用域链:函数内部的变量被使用时,首先会在自己的私有作用域

    下查找是否有这个变量,有就直接使用,没有就会向他的上一级查找,父级就

    使用父级的,父级没有就会以此继续向上查找直到window为止,window有就使

    用没有就is not defined。这种查找机制我们叫作用域链。

      

      分析图

      

      函数归属谁,跟她在哪调用没有关系,而是在哪定义有关。

      函数递归:函数内部内部调用自己。

      

      

      break continue运算

      break 终止当前程序

      continue 跳出当前的程序,执行下一个。

      breakcontinue只能用在循环语句中。如果条件语句想使用break只能使用return

      return  返回的

      每个函数都有一个返回值,如果函数人为return了,返回什么就是什么。

      如果没有人为返回,结果是undefined。并且return后面的代码不在执行了。

       

      

      案例分析

      

      

      函数内部的return  不影响函数内部的预解释。

    函数内外的变量

    函数外的变量叫全局变量,函数内的变量叫私有变量。

    看变量归谁,看他在哪个作用域下声明。

    私有变量的种类

    1. 在私有作用域的声明的。
    2. 通过函数传参的叫私有变量。

    函数传参    arguments 参数

    function fn(a,b,c,d){}  a b c d 叫参数

    形参   定义上的参数

    实参   执行上的参数

     

    console.dir(fn)  在浏览器中展开这个函数

  • 相关阅读:
    【JavaScript】实现队列Queue
    【Leetcode刷题篇】1.两数之和(JS)
    【48个原生JS网页小demo】1.信息切换
    【JavaScript】原生实现call bind apply
    【JavaScript】Interview(精简版)
    【JavaScript】4种常见的内存泄露
    【JavaScript】原型和原型链
    论自作音乐播放器涉及知识点总结
    Android横竖屏切换继续播放视频
    Android上传头像代码,相机,相册,裁剪
  • 原文地址:https://www.cnblogs.com/zff123/p/9832233.html
Copyright © 2011-2022 走看看