JavaScript面向对象实现的两种常用方法

作者:木棉

时间:2026-10-29

浏览:261

本文总结了JavaScript中实现面向对象的两种常见方式。第一种通过对象字面量直接定义属性与方法;第二种利用函数引用结合this关键字,演示了全局与对象上下文的切换,并介绍了apply和call方法的调用技巧。

文章目录

JavaScript面向对象实现概述

本文实例总结了JavaScript中实现面向对象编程的几种典型方式,旨在为读者提供实用的参考与学习思路。

对象字面量定义法

第一种实现方式如下所示:


var person = {
 name: 'hello world',
 age: 22,
 sayHello:function(){
  alert('I\'m 'this.name ',and I\'m ' this.age 'years old');
 }
};
person.sayHello();//I'm hello world, and I'm 22 years old

函数引用与上下文切换

第二种实现方式如下所示:


window.color = "red";
var o = { color: "blue"};
function sayColor(){
  alert(this.color);
}
sayColor(); //"red"
o.sayColor = sayColor;
o.sayColor(); //"blue"
//也可以使用apply和call
sayColor.apply(o);//"blue"
sayColor.call(o);//"blue"

希望上述内容能对各位在JavaScript程序设计方面有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章