JS 函数学习

Posted zhuyan-dailycheck

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 函数学习相关的知识,希望对你有一定的参考价值。

一、函数格式

1、函数可以通过声明来创建

function functionName(parameters){

       执行代码

}

2、函数也可以通过一个表达式定义存储在变量中

var fun = function(a,b){return a*b;}

二、函数可以自调用

如果表达是后面紧跟();,则会自我调用

(function () {
    var x = "Hello!!";      // 我将调用自己
})();

三、函数可以作为一个值或者一个表达式使用

function myfunction(a,b){

return a*b;

}

var x = myfunction(3,4);  //结果为12(作为变量)

 

function myfunction(a,b){

return a*b;

}

var x = myfunction(3,4) * 2;  //结果为24(作为表达式)

四、函数提升

使用表达式定义函数是无法提升(匿名函数)

五、函数是对象

函数也有属性和方法  例如:

function myfunction (a,b){

return arguments.length;  //返回函数在被调用过程中接收到的参数

}

又例如:

function myfunction (a,b){

return a*b;

}

var str = myfunction.toString();  //将函数作为字符串返回   结果为:function myFunction(a, b) { return a * b; }

六、函数参数(显示参数与隐示参数)

显示参数 parameters  在函数定义时给出

隐示参数 arguments    在函数调用时传递给函数真正的值

JS函数对隐示参数的个数与类型没有检测   定义显示参数时没有指定数据类型

七、Arguements对象

函数有个内置的arguments对象  它包含了函数调用的参数数组  相当于是函数接受的参数被全部放进一个数组arguments[ ]中

通过arguments.length可以简单地知道函数中究竟有多少个参数

八、函数调用

JS中一共有4种方法调用函数

每种方式的不同在于this的初始化

(1)作为一个函数调用

function myfunction(a,b){
    return a*b;
}
myfunction(6,7); 

以上函数不属于任何对象,在JS中默认为全局对象

html中默认的全局对象是页面本身,所以函数是属于页面的

在浏览器中页面的对象是浏览器窗口(window对象),函数会自动变为window对象的函数

function myfunction(a,b){
    return a*b;
}
window.myfunction(6,7);  //返回42

当函数没有被自身对象调用时,this就会变成全局对象

而在浏览器中全局对象是窗口(window对象)

function myfunction( ){
    return this;
}
myfunction();   //返回window对象

(2)函数作为方法调用

var myObiect={
            firstName:"A",
            lastName:"B",
            fullName:function(){
                return this.firstName+this.lastName;
            }
        }
        myObiect.fullName();

fullName方法是一个函数,函数属于对象,myObject是函数的所有者,所以this的值为myObject对象

测试如下:

var myObiect={
            firstName:"A",
            lastName:"B",
            fullName:function(){
                return this;
            }
        }
        myObiect.fullName();

返回Object

(3)使用构造函数调用

如果函数使用了new,则是调用了构造函数

      function myfunction(arg1,arg2){   
this.firstName=arg1; this.lastName=arg2; }
var x=new myfunction("A","B"); x.firstName; //返回A

this创建了一个新对象

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

(4)作为函数方法调用函数

在JS中函数是对象,函数有它的属性和方法

call() 与 apply()是预定义的函数方法,两个方法可以用于调用函数,两个函数的第一个参数必须是对象本身

function myfunction(a,b){
            return a*b;
        }
        var myObject=myfunction.call(myObject,6,7);
function myfunction(a,b){
            return a*b;
        }
        myArray=[6,7];
        var myObject=myfunction.apply(myObject,myArray);
        myObject;

call()方法与apply()方法相同的地方在于传入的第一个参数都必须是对象本身

不同的是,applay()方法会将参数作为一个数组传入,而call()方法直接将参数传入

在严格模式下,在调用函数时的第一个参数回座位this的值,即使该参数不是一个对象

在非严格模式下,如果第一个参数的值是null或undefined,它将会使用全局变量代替

this指的是调用函数的那个对象






以上是关于JS 函数学习的主要内容,如果未能解决你的问题,请参考以下文章

几个关于js数组方法reduce的经典片段

web代码片段

JS常用代码片段-127个常用罗列-值得收藏

ES7-Es8 js代码片段

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

VSCode自定义代码片段——JS中的面向对象编程