js 函数的方法函数调用模式 this => that arguments-优快云博客

本文通过实例展示了JavaScript中对象方法与函数的应用，包括对象属性操作、递增功能实现、函数调用及参数传递等核心概念。通过具体代码演示，深入理解JavaScript在对象操作与函数使用上的灵活性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <script type="text/javascript">
        //方法调用
        var myObject = {
            values: 0,
            increment: function (inc) {

                this.values += typeof inc === "number" ? inc : 1;
            }


        }
        myObject.increment();
        document.writeln(myObject.values);// 1   
        myObject.increment(2);
        document.writeln(myObject.values);// 3  理解同一个对象
        //函数调用
        var add = function (a, b) {

            return a + b;
        }
        var sum = add(3, 4);

        myObject.double = function () {
            var that = this;
            var helper = function () {
                that.values = add(that.values, that.values);

            }
            helper();

        }
        myObject.double();
        document.writeln(myObject.values);// 6 
        // arguments 免费赠送的参数   如果参数过少的话 ，缺失的值 是 undefined 
        var sum = function () {
            var sum = 0;
            for (var i = 0; i < arguments.length; i++) {

                sum += arguments[i];
            }
            return sum;
        }
        document.write(sum(10, 20, 30));

    </script>
</body>
</html>