手册目录

JavaScript

浏览2676
更新时间2025-08-07

实例

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 648,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};
运行实例 »

点击 "运行实例" 按钮查看在线实例

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() 方法

实例

name = person.fullName();
运行实例 »

点击 "运行实例" 按钮查看在线实例

如果您访问 fullName 属性时没有使用 (),则将返回函数定义

实例

name = person.fullName;
运行实例 »

点击 "运行实例" 按钮查看在线实例

使用内建方法

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

var message = "Hello world!";
var x = message.toUpperCase();

x 的值,在以上代码执行后将是:

HELLO WORLD!

添加新的方法

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

实例

function person(firstName, lastName, age, eyeColor) {
    this.firstName = firstName;  
    this.lastName = lastName;
    this.age = age;
    this.eyeColor = eyeColor;
    this.changeName = function (name) {
        this.lastName = name;
    };
}

changeName() 函数 name 的值赋给了 person 的 lastName 属性。

现在您可以尝试:

myMother.changeName("Jobs");
运行实例 »

点击 "运行实例" 按钮查看在线实例

通过用 myMother “替代” this,JavaScript 清楚您指的是哪个 person。

相关视频

更多

免费

Web前端开发极速入门
初级Web前端开发极速入门

221965次学习

收藏

免费

前端入门_HTML5
初级前端入门_HTML5

624560次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

240721次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

397467次学习

收藏

免费

独孤九贱(1)_HTML5视频教程
初级独孤九贱(1)_HTML5视频教程

623339次学习

收藏
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号