zoukankan      html  css  js  c++  java
  • js-函数

    Js函数的概念、作用、创建、调用

    一.函数是用来帮助我们封装、调用代码的最方便的工具!

    二.函数的创建方法有3种:

    1):function fun(){

                 console.log(3);

                 //return this;

                 //为什么函数会输出函数体中的内容,因为在函数体的最后

                 //默认会有一个return this ! 不过也可以修改成其他的返回值!

                 //全局对象window

              }

               fun();   //函数必须调用,不调用函数是没有用的!

    2):  var fun = function(){

                     console.log(5);

                }

                fun();  //这里的函数调用,必须写在函数声明的后面!就是说要先什么名再使用!

    3): //函数的第三种定义方式:构造函数

               //函数可以自调!

               var fun = new Function( console.log(8));

    三.函数的创建方法有3种,调用方法也不是单一的,调用方法有4种!

          1.作为一个函数去调用 函数名+();(函数作为全局对象调用,会使this的值成为全局对象,使用window对象作为一个变量,容易造成程序崩溃!)

          2.函数作为方法调用:(函数作为对象的方法调用,会使this的值成为对象的本身!)

           我们举例说明:

           var myObject =

          {

                 firstName:"john",

                 lastName:"Doe",

                 fullName:function(){ return this.firstName + "" + this.lastName;}

           }

           myObject.fullName();    //返回“john Doe”

          //我们创建了一个对象myObject,意思是说myObject拥有函数。this对象,拥有js的代码,这里的this就是myObject对象!

          

           3.使用构造函数调用函数:(构造函数中的this没有任何值)

            function myFunction(arg1,arg2){

                   this.firstName = arg1;

                    this.lastName = arg2;

             }

              var x = new myFunction("john","Doe");

               x.firstName;      //返回 “john”

               //构造函数调用会创建一个新的对象,新的对象会继承构造函数的属性和方法!

            4.作为函数方法调用函数:(这种可以设置this的值,我可以返回不同的this!)

               在js中函数是对象,是对象就有属性有方法,而call()和apply()是预定义的函数方法!

               这两个方法都可以调用函数,两个方法的第一个参数必须是对象的本身!

               function myFunction(a,b){

                      return a*b;

                }

                myFunction.call(myObject, 10, 2);  //返回 20

                function myFunction(a,b){

                       return a*b;

                 }

                 myArray = [10, 2];

                 myFunction.apply(myObject, myArray);    //返回 20

                  这两种方法的区别在于,apply传入的是一个参数数组,而call传入的是普通的参数!

    四.如果想要对函数有深刻的理解,或者真确认识函数!需要我们先做一件事,那就是了解js的运行机制问题:

    1.在js中js引擎会优先解析var变量和function定义!在预解析完成后从上到下逐步进行!

    2.解析var变量时,会把值存储在“执行环境”中,而不会去赋值,值是存储作用!列如:

            alert(a); var a=5;这时会输出undifiend,意思是没有被初始化没有被赋值!

            这并不是没有被定义,错误了的意思!

    3.在解析function时会把函数整体定义,这也就解释了为什么在function定义函数时为什么可以先调用后声明!其实表面上看是先调用了,其实在内部机制中第一步实行的是把以function方式定义的函数先声明了!

    五,javascript中函数有一个内置的对象arguments对象!

          作用:1.在js中函数定义没有任何参数,调用该函数时可以传递任意参数!

                     2.arguments对象是数组对象。

                     3.arguments对象的length属性:获取函数的实参个数!

                     4.利用Arguments对象特性,实现模拟函数的重载的效果。

    //我们可以很方便的找出数组中的最大值!

    x = findMax(1,123,500,115,44,88);

    function findMax(){

           var i, max = 0;

           for(i = 0; i < arguments.length; i++){

                 if(arguments[i] > max){

                       max = arguments[i];

                  }

           }

           return max;

    }

    //也可以很方便的计算数组中的和!

    x = sumAll(1,123,500,115,44,88);

    function sumAll(){

           var i , sum = 0;

           for(i = 0; i <arguments.length; i++){

                  sum += arguments[i];

           }

            return sum;

    }

  • 相关阅读:
    信息安全系统设计基础实验三报告
    信息安全系统设计基础第十二周学习总结
    信息安全系统设计基础实验二报告
    信息安全系统设计基础第十一周学习总结
    家庭作业汇总
    信息安全系统设计基础实验一报告
    信息安全系统设计基础第十周学习总结
    第十章家庭作业
    20182319彭淼迪第一周学习总结
    java预备作业
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/7771105.html
Copyright © 2011-2022 走看看