js、函数的分类、对象、arguments、函数参数

最新推荐文章于 2023-05-17 22:59:05 发布

Casablanca_jhBi

最新推荐文章于 2023-05-17 22:59:05 发布

阅读量986

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/weixin_37243717/article/details/78697555

版权

js 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

一般把script标签内的js代码，放到body结束标签的前面。

函数

function 函数名(参数名){ 要执行的代码 }

//声名函数， 函数只有在调用时才会被执行
function fin(){
    alert("胖胖");
}

//调用函数，这个函数名后的小括号就是调用函数的意思
alert(fin);   //打印整个函数
fin();    //调用函数

//函数的小括号中可以有参数
// 参数可以分为两种：形参 与 实参
function show(str1,str2){    //str1 ，str2就是形参
    alert(str1);      //打印 胖胖
    alert(str2);      //打印 一点也不胖
    alert(str1+str2);
}
show("胖胖","一点也不胖");   //调用时传的参就叫实参

//可以定义一个函数，然后把它做为一个值赋值一个变量；
var fin = function(){
    alert("胖胖");
};
alert(fin);
fin();


//一样可以传参
var fin = function(num1,num2){
   var sum = num1 + num2;
   alert(sum);
};
fin(1,3);

return的使用

//return的第一个作用，可以返回函数的值；
function show(num1,num2){
    var sum = num1+num2;
    return sum;     //在这里把sum给返回出来;
}
alert( show(3,9) );      //函数执行完成之后，这里会得到函数返回的值;
var num = show(3,9);
alert(num);

//return的第二个作用,可以终止函数的执行;
function fin(){
    for(var i = 0; i < 5; i++){
        alert("i的值："+i);
        break;
    }
    alert("11111");
    return "OK";     //这里执行完return后，下面两句代码不会执行;
    alert("22222");
    alert("33333");
}
fin();
alert(fin());

function fin(){
alert("胖胖");
return undefined;    //函数在最后面都会有一个默认的返回值，这个值就是undefined;
}
alert( fin() );   //这里会打印一个undeinfed;

arguments

//arguments 对象的作用：相当一个容器，传进来的实参都会保存到这个对象中来，没有定义形参时也是一样;
//每一个函数都有这个对象
function show(){
    // alert(arguments);
    alert(arguments.length);
    alert(arguments[0]);
    alert(arguments[1]);
}
show(1,5);

函数的类型

function show(){}

alert(typeof show);   //打印是一个function;

对象

//对象的第一种创建方法，可以通过对象直接量创建;
var obj = {
   "name":"小明",//这里必须是双引号，单引号不行。
   "age":25,
   "sex":"男",
   count:function(){
       var sum = 0;
       for(var i = 0; i < arguments.length; i++){
           sum += arguments[i];
       }
       alert(sum);
   },
   clothing:{
       color:"red",
       width:"100",
       height:"100"
   }
};
alert( obj.age );
alert( obj.name );
alert( obj["name"] );   //获取属性值的第二种方法
alert( obj.count(1,5) );

alert(obj.clothing.color);
alert(obj.color);    //obj这个对象上没有color这个属性，但是访问这个属性时也不会报错。而是返回undefined;


//修改对象的属性值；
obj.age = 21;
alert(obj["age"]);


//添加；
obj.abc = 312;
alert(obj["abc"]);

//删除属性；
delete obj.abc;
alert(obj["abc"]);

函数的分类和函数参数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="关键字,关键词">
    <meta name="Description" content="描述和简介">
    <title>Title</title>
    <style type="text/css">
        *{margin:0;padding:0;}
        body,ul,li,ol,dl,dd,p,h1,h2,h3,h4,h5,h6{ margin:0;}
        a{text-decoration:none;}
        img{border:none;}
        ol,ul{list-style:none;}
    </style>
</head>
<body>
    <!--
        函数的分类
            1: 是否有名字: 有名函数  匿名函数
            2: 能否直接加括号执行: 函数定义   函数表达式
                1: 函数定义 和 函数表达式的区别
                    函数表达式能在大括号后面分号之前加小括号执行,函数定义这样子做的话是不可以执行的
                    函数表达式加特殊符号可以自执行 + - ~ !
                    函数定义加()处理之后 可以再加括号自执行
        参数:
            1 形参: 形参在小括号当中,命名规则和变量一样(字母 数字 _ $  不能以数字开头)
            2 实参: 函数执行时,真实传入的数据,可以是任意数据类型
            3 参数的个数可以有多个,没有限制,且实参的个数可以比形参的个数多
                x = 10 , y = 1
                2x + 3x + 4y =
            4 参数的个数不确定的时候,可以用不定参来做 arguments
            5 当参数是有名函数时,名字不能四处加括号执行,也不能在形参函数中加括号执行

定义过程包括: 函数的参数
       定义过程中,形参不仅只是定义,还会和实参进行对应赋值
       形参相当于var了一个变量
-->
    <div id="box"></div>
    <script>
        Fn();
        function Fn(){
            alert(1);
        };

        document.onclick = function (){
            alert(2);
        };


        function Fn(){
            alert(1);
        };
        Fn();

        var An = function (){
            alert(2);
        };
        An();


        Fn();
        function Fn(){
            alert(1);
        };

        //函数定义加()处理之后 可以再加括号自执行
        (function Fn(){
            alert(1);
        })();

        //函数表达式能在大括号后面分号之前加小括号执行
        var An = function (){
            alert(2);
        }();

        +function (){
            alert(3);
        }();
        -function (){
            alert(4);
        }();
        ~function (){
            alert(5);
        }();
        !function (){
            alert(6);
        }();


    Fn(2,3,5,6,7,1,1);//实参
    function Fn(a,b,c,d,e){ //形参
        alert(a+b+c+d+e);
    };
    Fn1(function An(){alert(1);});

    function Fn1(x){
        //alert(x);
        x();
    };
    var a = function b(){
        alert(1);
        //b();
    };
    a();

    sum(function (){alert(1);});
    function sum(x){
        x();
    };


    Fn(1,2,3,4);
    function Fn(a,b,c,d){
        alert(a+b+c+d);
    };

    //不定参求和 arguments
        sum(1,3,7,4,1,1,1,1,1,100,120);
        function sum(){
            var x = 0;//定义一个变量接收和
            //console.log(arguments);
            for(var i = 0; i < arguments.length; i++){
                x += arguments[i];
            };
            console.log(x);
        };
    </script>
</body>
</html>

Casablanca_jhBi

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js、函数的分类、对象、arguments、函数参数

一般把script标签内的js代码，放到body结束标签的前面。函数function 函数名(参数名){ 要执行的代码 }//声名函数，函数只有在调用时才会被执行function fin(){ alert("胖胖");}//调用函数，这个函数名后的小括号就是调用函数的意思alert(fin); //打印整个函数fin(); //调用函数...
复制链接

扫一扫