javascript中类的属性分析

本篇文章主要针对javascript的属性进行分析,由于javascript是一种基于对象的语言,本身没有类的概念,所以对于javascript的类的定义有很多名字,例于原型对象,构造函数等,它们都是指javascript中的类。

例如:function Person(){} var p = new Person(); 这里的Person可以看作一个类,而p则是这个类的实例也可以称为对象。这里主要分析js里面的四种属性。

私有属性,指定义在类中用var声明的,即var propertyName = sonmeValue,只能在这个类里面进行访问,不能被继承,也不能在原型方法中访问的属性。

特权属性,指在类中或者说在构造函数中(js里是同一个东西),使用this关键字,即this.propertyName = someValue,该属性在类中可以访问,在原型方法中可以访问,在该类的对象中也能被访问,甚至用call或apply继承时也能访问.

共有属性,指通过ClassName.prototype.propertyName=someValue 来定义的,如果该属性在类中没定义,即没有重命的特权属性,则可以当特权属性被访问,即能在对象中调用,通过prototype继承的子类也能访问。

静态属性,直接ClassName.propertyName=someValue 来定义,相当于一个命名空间,在类的内部外部都能访问。

 例1: 各种属性定义 

function Person(){
     var private_name = "小明"; //私有属性
     var private_age = 10; //私有属性
     this.privilege_name = "小红"; //特权属性
     this.privilege_age = 9; //特权属性
  }
    Person.prototype.public_name = "小芳"; //公有属性
    Person.prototype.public_age =8; //共有属性
    Person.static_name = "小李"; //静态属性
    Person.static_age = 7; //静态属性

    var pp = new Person();
    pp.name = '小王'; //静态属性
    pp.age = 6; //静态属性

在这个例子里指出了这四种属性的定义方式。注意静态属性里,因为Person和pp都是Object实例,如下面代码执行结果可以看出。

console.log(Person instanceof Object,pp instanceof Object); //true true

所以都可以定义静态属性。

下面来分析一下这些属性的访问权限。

例2:各种属性的访问权限 

function Person(){
    var private_name = '小明';
    var private_age = 10;
  this.privilege_name = '小红';
  this.privilege_age = 9;

    //定义一个特权方法
  this.showPrivilegeName = function(){
    console.log(private_name);             // private_name is not defined .说明私有属性可以在特权方法中访问.
    console.log(this.privilege_name );         //输出:"小红"。说明特权属性可以在特权方法中访问
    console.log(this.public_name);            //输出:"小芳"。说明共有属性可以在特权方法中访问
    console.log(Person.static_name);        //输出:"小李"。说明类的静态属性可以在特权方法中访问
  }
}

Person.prototype.public_name = '小芳';
Person.prototype.public_age =8;
Person.static_name = '小李';
Person.static_age = 7;
var pp = new Person();
pp.name = '小王';
pp.age = 6;

//定义一个原型方法
Person.prototype.showName = function(){
  //console.log(private_name);         // private_name is not defined .说明私有属性不能在原型方法中访问.
  console.log(this.privilege_name );         //输出:"小红"。说明特权属性可以在原型方法中访问
  console.log(this.public_name);        //输出:"小芳"。说明共有属性可以在原型方法中访问
  console.log(Person.static_name);        //输出:"小李"。说明类的静态属性可以在原型方法中访问
}  

pp.showPrivilegeName();
pp.showName();
console.log(pp.private_name);            //undefined 私有属性不能在实例化的对象中访问
console.log(pp.privilege_name );         //输出:"小红"。说明特权属性可以在原型方法中访问
console.log(pp.public_name);            //输出:"小芳"。说明共有属性可以在原型方法中访问
console.log(Person.static_name);        //输出:"小李"。说明类的静态属性可以在原型方法中访问
console.log(pp.name);                 //输出:"小王"。说明实例对象的静态属性可以在原型方法中访问

查看本栏目更多精彩内容:http://www.bianceng.cnhttp://www.bianceng.cn/webkf/script/

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索方法
, 属性
, 属性访问
, console
, name属性
, 原型
, person
, js特权方法
, js定义私有方法
, js对象私有属性
, 私有特权
, 特权方法
, 特权
javascript类的定义
javascript 属性类型、javascript 对象属性、javascript 删除属性、javascript 属性、javascript获取属性值,以便于您获取更多的相关知识。

时间: 2024-10-30 00:35:01

javascript中类的属性分析的相关文章

javascript中类的属性研究

原文:javascript中类的属性研究 本篇文章主要针对javascript的属性进行分析,由于javascript是一种基于对象的语言,本身没有类的概念,所以对于javascript的类的定义有很多名字,例于原型对象,构造函数等,它们都是指javascript中的类.   例如:function Person(){} var p = new Person(); 这里的Person可以看作一个类,而p则是这个类的实例也可以称为对象.这里主要分析js里面的四种属性.   私有属性,指定义在类中用

AJAX基础:JavaScript中类的实现

ajax|javascript 在JavaScript中可以使用function关键字来定义一个"类",如何为类添加成员.在函数内通过this指针引用的变量或者方法都会成为类的成员,例如: function class1(){      var s="abc";      this.p1=s;      this.method1=function(){             alert("this is a test method");    

javascript变量声明实例分析

  javascript变量声明实例分析          这篇文章主要介绍了javascript变量声明,实例分析了javascript变量声明的相关使用技巧,需要的朋友可以参考下 本文实例讲述了javascript变量声明的方法.分享给大家供大家参考.具体分析如下: js中使用一个变量之前应当先声明.变量使用关键字var来声明. 如果未在var声明语句中给变量指定初始值,则该变量值为undefined. 不用在声明变量时指定变量类型,js变量可以是任意数据类型. 使用var语句重复声明变量是

javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)_js面向对象

关于javascript中类的继承可以参考阮一峰的Blog<Javascript继承机制的设计思想>,说的很透. 一.在javascript中实例化遇到的问题: 下面用<javascript高级程序设计>中的例子来做说明,假如现在定义了一个car的对象,它是Object类的实例.像下面这样的: 复制代码 代码如下: var oCar=new Object(); oCar.color = "red"; oCar.doors = 4; oCar.mpg = 23;

javascript中类的定义方式详解(四种方式)_javascript技巧

本文实例讲述了javascript中类的定义方式.分享给大家供大家参考,具体如下: 类的定义包括四种方式: 1.工厂方式 function createCar(name,color,price){ var tempcar=new Object; tempcar.name=name; tempcar.color=color; tempcar.price=price; tempcar.getName=function(){ document.write(this.name+"-----"+

Groovy探索之MOP 七 运行期内的方法和属性分析

在Groovy语言里,运行期内的方法和属性分析有三种方式,它们分别是: 第一, 继承自Java语言的反射方式. 第二, 使用"respondsTo"和"hasProperty"方法. 第三, 使用"hasMetaMethod"和"hasMetaProperty"方法. 以上三种方法都能在运行期内分析某个方法或属性是否存在,相信我们看到这里,一定会想,它们之间是否有什么区别呢? 漫谈这三种运行期内的方法和属性分析方式以及它们之间

JavaScript中length属性的使用方法

  这篇文章主要介绍了JavaScript中length属性的使用方法,是JS入门学习中的基础知识,需要的朋友可以参考下 此属性返回字符串中的字符数. 语法 ? 1 string.length 下面是参数的详细信息: A string 返回值: 返回字符串中的字符数. 例子: ? 1 2 3 4 5 6 7 8 9 10 11 <html> <head> <title>JavaScript String length Property</title> <

Javascript中prototype属性实现给内置对象添加新的方法

  本文实例讲述了Javascript中prototype属性实现给内置对象添加新的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" con

javascript函数式编程实例分析

  这篇文章主要介绍了javascript函数式编程,实例分析了javascript函数式编程的相关使用技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了javascript函数式编程.分享给大家供大家参考.具体分析如下: js像其他动态语言一样是可以写高阶函数的,所谓高阶函数是可以操作函数的函数.因为在js中函数是一个彻彻底底的对象,属于第一类公民,这提供了函数式编程的先决条件. 下面给出一个例子代码,出自一本js教程,功能是计算数组元素的平均值和标准差,先列出非函数式编程的一种写法