JavaScript 对象方法-CSDN博客

本文链接：https://blog.csdn.net/2301_78133614/article/details/141527045

实例

<!DOCTYPE html>
<html lang="en">

<body>
    <p id="demo"></p>
    <script>
        var person = {
            firstName: "Rose",
            lastName: "Tina",
            id: 231,
            fullName: function () {
                return this.firstName + "   " + this.lastName;
            }
        };
        document.getElementById("demo").innerHTML = person.fullName();
    </script>

</body>

</html>
//Rose Tina

JavaScript 方法

JavaScript 方法是能够在对象上执行的动作。

JavaScript 方法是包含函数定义的属性。

属性	值
firstName	Bill
lastName	Gates
age	62
eyeColor	blue
fullName	function() {return this.firstName + " " + this.lastName;}

方法是存储为对象属性的函数。

this 关键词

在 JavaScript 中，被称为 this 的事物，指的是拥有该 JavaScript 代码的对象。

this 的值，在函数中使用时，是“拥有”该函数的对象。

请注意 this 并非变量。它是关键词。您无法改变 this 的值。

访问对象方法

请使用如下语法创建对象方法：

methodName : function() { 代码行 }

请通过如下语法来访问对象方法：

objectName.methodName()

您通常会把 fullName() 描述为 person 对象的方法，把 fullName 描述为属性。

fullName 属性在被通过 () 调用后会以函数形式执行。

此例访问 person 对象的 fullName() 方法：

实例

<!DOCTYPE html>
<html lang="en">

<body>
    <p id="demo"></p>
    <script>
        var person = {
            firstName: "Rose",
            lastName: "Tina",
            id: 231,
            fullName: function () {
                return this.firstName + "   " + this.lastName;
            }
        };
        document.getElementById("demo").innerHTML = person.fullName();
    </script>

</body>

</html>
//Rose Tina

使用内建方法

此例使用 String 对象的 toUpperCase() 方法，把文本转换为大写

<p id="demo"></p>
    <script>
        var message="ni hao";
        var x=message.toUpperCase();
        document.getElementById("demo").innerHTML = x;
    </script>
x 的值，在以上代码执行后将是:NI HAO

添加新的方法

向对象添加方法是在构造器函数内部完成的：

实例

<!DOCTYPE html>
<html lang="en">

<body>
    <p id="demo"></p>
    <script>
        var person = {
            firstName: "Rose",
            lastName: "Tina",
            id: 231,
        };
        person.name= function () {
                return this.firstName + "   " + this.lastName;
            }
        document.getElementById("demo").innerHTML ="My friend is  "+ person.name();
    </script>

</body>

</html>
结果：My friend is Rose Tina