js中的函数应用

js中的函数应用

什么是函数,函数的概念

  • 函数就像一个黑匣子,里面的东西你都不知道,但是你提供一些材料放进去,他可以制造出你需要的东西;
  • 可以让多个一样的功能封装组合起来,然后想执行几次就执行几次
  • 函数就是另外一种形式的变量

    函数的创建和执行

  • 定义函数的方式
    • 函数声明
      ```js
      function test(){

      }
      ```

    • 函数表达式
      ```js
      //命名函数表达式
      var test = function abc(){

      }
      //匿名函数表达式
      var test = function(){

      }
      ```

    • 函数的组成形式
      function 变量名(形参){}
      变量名(实参);

      函数的参数

  • 函数的写法
    js //形式参数 -- 形参 function sum(a,b){ //里面写逻辑 var c = a + b; document.write(c); } //实际参数 -- 实参 sum(1,2);
  • 形参多实参少的情况
    • 实参就是undifined;
  • 实参多形参少的情况
    • 实参的内容会存入arguments中
  • 形参判断个数和形参判断个数
    • 形参可以通过函数名.length来判断个数
    • 实参可以通过arguments.length来判断个数
  • 实参和arguments是映射关系,但是如果形参比实参多,多的一部分不映射

    函数的返回值

  • 返回值的关键字 return
  • 终止函数
    function sum (a,b){
       console.log('a');
       //如果写了return,那么后面的东西不执行,return会执行并且把里面的东西返回出去
        return;
        console.log('b');
    }
     
  • 返回值
function sum(){
    return 123;
}
var res = sum();
  • 可以将这个行数返回出来并接收到res变量之中

    预解析(预编译)

    函数声明整体提升
    变量 声明提升

  • 语义分析
    • 浏览器会通篇扫描一遍

函数的作用域

++预编译的现象++

  • 暗示全局变量(伪全局变量):即任何变量,如果变量未经声明就赋值,此变量就为全局所有

    • e.g: a = 123;
    • e.g: var a = b = 123;
  • 一切声明的全局变量,全是window的属性。
    • e.g: var a =123; ===> window.a=123;
    • window 就是全局的域 (Global Object)
  • 里面的函数的变量可以访问外面的变量
  • 外面的函数变量不能访问里面的变量

原文地址:https://www.cnblogs.com/Goblins/p/12386425.html

时间: 2024-10-14 00:44:18

js中的函数应用的相关文章

js中一些函数(一)【丫头, 今天去哪儿了呢,好些没有】

Math.Rondom()   ==>  0 到 1 之间的小数 Math.floor(x)  ==>  小于或者等于 x 的整数(即转换成整数后是不能比 x 大的整数) setInterval(hanshu,1000)  ==>  意思为调用下面的 hanshu(), 间隔时间为 1000 ms(毫秒) js中一些函数(一)[丫头, 今天去哪儿了呢,好些没有],码迷,mamicode.com

让js中的函数只有一次有效调用的三种常用方法

如何让js中的函数只被有效执行一次,请看下面的三种常用方法. 1. <script> window.onload = function () { function once(fn) { var result; return function() { if(fn) { result = fn.apply(this, arguments); fn = null; } return result; }; } var callOnce = once(function() { console.log('

JS中的函数、Bom、DOM及JS事件

本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的声明及调用] 1.函数声明的格式: function 函数名(参数1,参数2,参数3,--){//函数体 return 结果; } >>>函数的调用格式: 直接调用:函数调用的格式:函数名(参数一的值,参数二的值,--): 事件调用:事件名=函数名( ); 2.函数声明的几点强调: ①函数名

js中声明函数的区别

在JS中有两种定义函数的方式, 1是var aaa=function(){...} 2是function aaa(){...} var 方式定义的函数,不能先调用函数,后声明,只能先声明函数,然后调用. function方式定义函数可以先调用,后声明.请看代码: var声明时,只有变量声明提前了,变量的初始化代码仍在原位置.然而,使用函数声明的话,函数名称和函数体都会提前.两种声明得到的函数都不可删除 //aaa();这样调用就会出错                var aaa = funct

js中没有函数重载,怎样实现函数重载的功能?

js中没有函数重载,javasript中使用可选参数:arguments实现相同的功能.. 函数在定义的时候可不定义参数: <script type="text/javascript" > function say() { for (var i = 0; i < arguments.length; i++) { alert(arguments[i].toString()); } } </script> 调用:<input type="but

js中的函数,Date对象,Math对象和数组对象

函数就是完成某个功能的一组语句,js中的函数由关键字 function + 函数名 + 一组参数定义;函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织结构更多清晰. 其语法结构为 function funName (arg0, arg1, … argN){        //statements    } function say_hello (name, msg){ alert(“hello”+ name + “:”+ msg); } say_hello(“d

js中的函数function

js的function对象在调用过程中具有一个arguments的属性,它是由脚本解释器创建的(这也是arguments创建的唯一方式).arguments属性可以看作是一个Array对象,它有length属性,可以通过序号访问每一个参数,而且通过argument的callee属性可以获取对正在执行的Function对象的引用.如下: function factorial(n){ if(n<=n){ return 1; }else{ return n*arguments.callee(n-1);

JS中的函数,Array对象,for-in语句,with语句,自定义对象,Prototype

一)函数 A)JS中的函数的定义格式: function add(a,b) { var sum = a+b; document.write("两个数的和是:" + sum); //return sum; } 上面只是一个例子 ,那么当我们再定义一个同名的函数会怎么样呢? function add(a,b,c) { var sum = a+b+c; document.write("三个数的和是:" + sum); } 然后调用函数: add(50,30,10);   

JS中encodeURIComponent函数用php解码的代码

JS中encodeURIComponent函数给中文编码后,如何用php解码?? 前提:编码前的中文可能是gbk,gb2312,utf-8等. 复制代码 代码如下: urldecode() iconv() 在JS中使用了encodeURIComponent对中文进行编码在PHP中使用iconv('UTF-8','gb2312',$q);就可以得到你需要的字串了,其中gb2312根据你实际应用来定如还不明白为什么看下面的文章 URL编码转换,escape() encodeURI() encodeU

JS的三种使用方式/CSS的三种使用方式/JS中的DOM事件模型/JS中匿名函数的书写及调用/媒体查询@media的三种使用方式

一.JS的三种使用方式 1.html标签中内嵌JS(不提倡使用.)                <button onclick="javascript:alert('你真点啊.')" > 有本事点我呀!!!!</button>                                2.HTML页面中直接使用JS:                <script type="text/javascript">