JavaScript公有属性、私有属性、公有方法和原型方法
本章节对标题中的几个概念做一下简单的介绍,当然内容不仅仅限于标题中的概念。
下面就通过一个代码实例进行一下了解,下面有注释进行说明。
代码如下:
function Antzone(name){ var className = "anzone"; this.name = name; this.hello = function(){ console.log(this.name); console.log(this.msg()); console.log(this.address); console.log(Antzone.age); } } Antzone.Run = function(){ console.log("前端教程网:静态方法"); } Antzone.prototype.msg = function(){ console.log("前端教程网:"+this.name); } Antzone.age = 3; Antzone.prototype.address = "青岛市南区"; Antzone.Run(); Antzone.prototype.msg(); console.log(Antzone.prototype.address); var oantzone= new Antzone("前端教程网"); oantzone.hello(); oantzone.msg(); console.log(oantzone.age)//这个会报错,因为静态属性只能够使用类调用
上面的就是一个代码,足以说明标题中的各种概念,下面就做一下注释。
一.代码注释:
(1).function Antzone(name){},这是声明一个函数。
(2).var className = "anzone",这就是一个私有变量,函数外部无法访问,只能够在内部使用。
(3).this.name = name,这是公有属性,因为需要对象实例化后才能访问,也可以成为对象属性。
(4).this.hello = function(){
console.log(this.name);//可以访问公有属性
console.log(this.msg());//可以访问公有方法。
console.log(this.address);//可以访问原型对象上的属性
console.log(Antzone.age);//也可以访问静态属性,也就是执行定义在类(构造函数)上的。
},这是一个公有方法,和上面类似,也可以称之为对象方法,需要对象实例调用。(5).Antzone.Run = function(){
console.log("前端教程网:静态方法");
},这是为类添加一个静态方法,也就是无需实例化就可以直接用类名调用。
(6).Antzone.prototype.msg = function(){
console.log("前端教程网:"+this.name);
}这是添加一个原型方法,需要对象实例调用。
(7).Antzone.age = 3,这也是静态属性。
二.相关阅读:
(1).构造函数和普通函数的区别参阅JavaScript构造函数和普通函数的区别一章节。
(2).prototype参阅JavaScript prototype原型一章节。
JavaScript公有属性、私有属性、公有方法和原型方法,这样的场景在实际项目中还是用的比较多的,关于JavaScript公有属性、私有属性、公有方法和原型方法就介绍到这了。
JavaScript公有属性、私有属性、公有方法和原型方法属于前端实例代码,有关更多实例代码大家可以查看。