隐形参数函数arguments、Object形式的自定义对象、花括号形式的自定义对象

最新推荐文章于 2024-09-02 17:34:07 发布

jhan；

最新推荐文章于 2024-09-02 17:34:07 发布

阅读量169

点赞数

分类专栏： JavaWeb-JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46065214/article/details/126358323

版权

JavaWeb-JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

函数的arguments隐形参数(只在function函数内)

基本介绍：

在function函数中不需要定义，但却可以直接用来获取所有参数的变量。一般被称为隐形参数

隐形参数像java中的可变长参数 public void fun(Object...args)

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>隐形参数</title>
    <script type="text/javascript">
      function fun(){

         alert(arguments.length);//可以查看参数的个数 3
         //遍历数组
          for (var i = 0; i < arguments.length; i++) {
              alert(arguments[i]);
          }
         alert("无参函数");
      }

      fun(1,"hello","你好")

      //编写用于计算所有参数相加的和并返回
      function sum(num1,num2){
          var result = 0;
          for (var i = 0; i < arguments.length; i++) {
              //判断当类型为number时，才相加
             if (typeof(arguments[i] ) == "number"){
                 result += arguments[i];
             }
          }
            return result;
      }

      alert(sum(1,2,3,4,5,6,7,8,9));

    </script>
</head>
<body>

</body>
</html>

Object形式的自定义对象

对象的定义：

var 变量名 = new Object()；//对象实例

变量名.属性名 = 值；//定义一个属性

变量名.函数名 = function(){} //定义一个函数

对象的访问：

变量名.属性/函数名();

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Object形式的自定义对象</title>

    <script type="text/javascript">
        var obj = new Object();//对象实例(空对象)
        obj.name = "tom";
        obj.age = 6;
        obj.fun = function (){
            alert("姓名:" + this.name + "  年龄:" + this.age)
        }
        alert(obj.name);
        alert(obj.fun());

    </script>
</head>
<body>

</body>
</html>

{}花括号形式的自定义对象

对象的定义：

var 变量名 = { //空对象

属性名：值, //定义一个属性

属性名：值， //定义一个属性

函数名：function(){} //定义一个函数

}

对象的访问：

变量名.属性/函数名();

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>花括号形式的自定义对象</title>
    <script type="text/javascript">
        var obj = {
            name : "jason",
            age : 23,
            fun : function (){
                alert("姓名：" + this.name + " 年龄：" + this.name);
            }
        }
        alert(obj.name);
        alert(obj.age);
        alert(obj.fun());


    </script>


</head>
<body>

</body>
</html>