JavaScript为对象原型prototype添加属性的两种方式
作者:异步漫步时间:2026-10-25 08:47:33浏览:645
本文介绍在JavaScript中为对象原型添加属性的两种常见方式。第一种通过构造函数内部定义实例属性,并在prototype上定义方法;第二种通过自定义extend函数实现简单的对象属性复制与继承,并遍历输出结果。
JavaScript原型属性添加方法
代码如下:
<script type="text/javascript">
<!--
/*
介绍为对象原型 prototype 添加属性的两种实现方式。
*/
// 方式一:通过构造函数和原型链定义
var myObj = function(){
this.study = "JavaScript";
}
myObj.prototype.hobby = function(){
{
this.hobby = "See girl";
}
var newObj = new myObj();
for ( var attr in newObj )
{
document.write( attr +"<br/>" );
}
document.write( "==================== <br/>" );
// 方式二:通过扩展函数复制属性
var superObj = { name:"xugang" };
var subObj = { age:20 };
function extend(superObj,subObj){
// 获取父对象的原型引用
subObj.getSuper = superObj.prototype;
// 将父对象的属性复制到子对象
for(var i in superObj){
subObj[i] = superObj[i];
}
}
extend(superObj,subObj);
for ( var s in subObj )
{
document.write( s +"<br/>" ); // 遍历并输出子对象属性
}
//-->
</script>运行结果:
hobby
study
====================
age
getSuper
name
作者最新文章
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
JS对象数组转字符串为什么推荐用JSON.stringify()
2026-11-05 09:40:31
