JavaScript向对象添加属性和方法的属性prototype
程序员文章站
2022-04-13 16:36:58
...
定义和用法
prototype 属性使您有能力向对象添加属性和方法。
语法
object.prototype.name=value
实例
在本例中,我们将展示如何使用 prototype 属性来向对象添加属性:
<script type="text/javascript"> function employee(name,job,born) { this.name=name; this.job=job; this.born=born; } var bill=new employee("Bill Gates","Engineer",1985);employee.prototype.salary=null;bill.salary=20000; document.write(bill.salary); </script>
输出:
20000
prototype属性的作用
为了解决构造函数的对象实例之间无法共享属性的缺点,js提供了prototype属性。
js中每个数据类型都是对象(除了null和undefined),而每个对象都继承自另外一个对象,后者称为“原型”(prototype)对象,只有null除外,它没有自己的原型对象。
原型对象上的所有属性和方法,都会被对象实例所共享。
通过构造函数生成对象实例时,会将对象实例的原型指向构造函数的prototype属性。每一个构造函数都有一个prototype属性,这个属性就是对象实例的原型对象。
function Person(name,height){ this.name=name; this.height=height; } Person.prototype.hobby=function(){ return 'watching movies'; } var boy=new Person('keith',180); var girl=new Person('rascal',153); console.log(boy.name); //'keith' console.log(girl.name); //'rascal' console.log(boy.hobby===girl.hobby); //true
上面代码中,如果将hobby方法放在原型对象上,那么两个实例对象都共享着同一个方法。我希望大家都能理解的是,对于构造函数来说,prototype是作为构造函数的属性;对于对象实例来说,prototype是对象实例的原型对象。所以prototype即是属性,又是对象。
以上就是JavaScript向对象添加属性和方法的属性prototype的详细内容,更多请关注其它相关文章!
推荐阅读
-
H5对自定义属性的规定和添加获取自定义属性的方法
-
关于ajax对象一些常用属性、事件和方法大小写比较常见的问题总结
-
详解js访问对象的属性和方法
-
vue给对象动态添加属性和值的实例
-
JavaScript实现动态添加、移除元素或属性的方法分析
-
反射(反射的介绍、获取源头Class、创建对象、属性和方法)
-
javascript遍历json对象的key和任意js对象属性实例
-
JS高级---实例对象使用属性和方法层层的搜索 (实例对象-->原型对象-->报错)
-
PowerShell中调用.NET对象的静态方法、静态属性和类方法、类属性例子
-
PowerShell中Get-Date对象的常用属性和方法介绍