JavaScript函数相关内容总结

开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:张丽君
撰写时间:2020年4月24日

知识点罗列:
1.关于函数:函数function

  • 函数也是一个对象
  • 函数中可以封装一些功能(代码),在需要的使用可以执行这些功能(代码)
  • 函数中可以保存一些代码在需要的时候调用
  • 使用typeof检查一个函数对象时,会返回function
    函数的创建:
    1.使用构造函数创建一个函数对象
    2.使用函数声明创建一个函数
    3.使用函数表达式创建一个函数/匿名函数
    例如:{//代码块
    console.log(“苹果”);
    console.log(“葡萄”);
    console.log(“菠萝”);
    }
    //var obj=new Object();
    我们在开发的时候不建议使用这种方式
    可以将要封装的代码以字符串的形式传递给构造函数
    例如:var fun1=new Function(“console.log(‘这是通过构造函数创建的函数’)”);
    console.log(typeof fun1);
    封装到函数中的代码不会即可执行
    函数中的代码会在函数调用的时候执行
    调用函数:语法 函数对象();
    当调用函数时,函数中封装的代码会按照顺序执行
    fun1();
    使用函数声明来创建一个函数(建议使用方式)
    语法:function 函数名([形参1,形参2,…,形参N]){
    语句
    }
    说明:[形参1,形参2,…,形参N]这里的[]表示可以使用参数也可以不使用参数
    函数的调用:函数名([实参1,实参2,…]);
    例如:function fun2(){
    console.log(“苹果”);
    console.log(“葡萄”);
    console.log(“菠萝”);
    }
    2.函数的参数:
    1.定义一个用来求两个数和的函数
    可以在函数的()中来指定一个或多个形参(形式参数)
    多个形参之间使用","隔开,声明形参就相当于在函数内部声明了对应的变量,但是并不赋值
    例如:function sum(a,b){
    var add=a+b;//false+“123” =>false123
    console.log(add);
    }
    sum(123,456);
    sum(false,“123”);
    2.调用函数时解析器不会检查实参的类型,所以要注意,是否有可能会接收到非法的参数,如果有可能则需要对参数进行类型的检查
    3.调用函数时,解析器也不会对检查实参的数量多余的参数将不会被赋值,如果实参少于形参的数据,则没有对应实参的形参将是undefined
    例如:function result(a,b,c){
    console.log(“a=”+a);
    console.log(“b=”+b);
    console.log(“c=”+c);
    var sum=a+b+c;
    console.log(“sum=”+sum);
    }
    3.函数的返回值:
    可以通过return 来返回函数的返回值
    语法:return 值;
    return 后面值将会作为函数的执行结果返回,
    可以定义一个变量来接收函数的返回值
    在函数return后的语句都不会执行
    如果return语句后不跟任何值,就相当于返回一个undefined
    例如:function sum(a,b){
    var c=a+b;
    return c;
    alert(“234234”);
    }
    var total = sum(12,45);
    console.log(“返回结果==”+total);
    4.立即执行函数:
    函数定义完,立即被调用,这种函数叫做立即执行函数
    立即执行函数往往只会执行一次
    例如:(function(){
    alert(“这是一个立即执行函数”);
    })();
    (function(a,b){
    alert(a+b);
    })(23,23);
    5.函数的方法:
    函数也可以作为对象的属性,如果一个函数作为一个对象的属性保存,那么我们称这个函数是这个对象的方法。调用函数就所调用对象的方法,但是它只是名称上的区别没有其他的区别。
    obj1.sayWorld();//通过对象去调用,我们叫做方法
    sayHello();//叫做函数的调用
    例如:function sayHello(){
    alert(“hello every!”);
    }
    var obj1=new Object();
    obj1.name=“小红”;
    obj1.age=23;
    obj1.sayWorld=sayHello;
    6.枚举对象中的属性
    //使用for … in 语句
    /* for in 语法
    for(var 变量 in 对象){
    //语句
    }
    */

你可能感兴趣的:(JavaScript)