JavaScript 使用 prototype 为对象添加属性与方法的实例
作者:拾光时间:2026-10-29 07:32:05浏览:221
本文通过 movie 对象的示例,演示了如何在 JavaScript 中利用 prototype 属性为自定义对象动态添加属性和方法。代码展示了如何定义构造函数、绑定 toString 方法,并通过 prototype 扩展 isComedy 属性,最后通过实例化对象验证调用方式,帮助开发者理解原型链在属性扩展中的应用。
JavaScript prototype 属性扩展示例
本文通过具体代码示例,详细解析了 JavaScript 中利用 prototype 属性为对象定义属性的具体用法。内容旨在为读者提供清晰的参考与学习素材,深入剖析其核心机制。
示例代码首先定义了一个 movie 构造函数。在创建对象实例的过程中,通过 prototype 属性为该对象类型添加了 isComedy 属性。调用时,用户可以直接通过 object.isComedy 的方式访问该属性,这种实现方式操作便捷且直观。
<script type="text/javascript">
<!--
function movieToString() {
return("title: "+this.title+" director: "+this.director);
}
function movie(title, director) {
this.title = title;
this.director = director || "unknown"; //if null assign to "unknown"
this.toString = movieToString; //assign function to this method pointer
}
var officeSpace = new movie("OfficeSpace");
var narnia = new movie("Narnia","Andrew Adamson");
movie.prototype.isComedy = false; //add a field to the movie's prototype
document.write(narnia.toString());
document.write("<br />Narnia a comedy? "+narnia.isComedy);
officeSpace.isComedy = true; //override the default just for this object
document.write("<br />Office Space a comedy? "+officeSpace.isComedy);
//-->
</script>
期望上述关于 JavaScript 程序设计的内容能为读者的开发工作提供实质性的帮助与参考。
作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
