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公有属性、私有属性、公有方法和原型方法属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容