JavaScript定义类和对象的方法_javascript技巧
程序员文章站
2022-04-15 08:41:27
...
本文实例讲述了JavaScript定义类和对象的方法。分享给大家供大家参考。具体方法如下:
使用方法:
2. 先实例化Object类的方式
定义:
使用方法:
可以直接拿oClassA来用,如:
在JS中,类和对象有多种不同的写法,因为本人对JS也不怎么熟,所以就本人的理解来写,如果哪位朋友发现有不对,请告之,共同学习.
JS定义一个类有两种定法(我只知道这两种):
1. 定义函数的方式:
定义:
复制代码 代码如下:
function classA(a)
{
this.aaa=a; //添加一个属性
this.methodA=function(ppp) //添加一个方法
{
alert(ppp);
}
}
classA.prototype.color = "red"; //用prototype方法添加对象的属性,此方法也适用于类的实例(对象)
classA.prototype.tellColor = function() //用prototype方法添加对象的方法,此方法也适用于类的实例(对象)
{
return "color of "+this.name+" is "+this.color;
}
{
this.aaa=a; //添加一个属性
this.methodA=function(ppp) //添加一个方法
{
alert(ppp);
}
}
classA.prototype.color = "red"; //用prototype方法添加对象的属性,此方法也适用于类的实例(对象)
classA.prototype.tellColor = function() //用prototype方法添加对象的方法,此方法也适用于类的实例(对象)
{
return "color of "+this.name+" is "+this.color;
}
使用方法:
复制代码 代码如下:
var oClassA=new classA('This is a class example!'); //实例化类
var temp=oClassA.aaa; //使用属性aaa
oClassA.methodA(temp); //使用方法methodA
var temp=oClassA.aaa; //使用属性aaa
oClassA.methodA(temp); //使用方法methodA
2. 先实例化Object类的方式
定义:
复制代码 代码如下:
var oClassA=new Object(); //先实例化基础类Object
oClassA.aaa='This is a class example!'; //添加一个属性
oClassA.methodA=function(ppp) //添加一个方法
{
alert(ppp);
}
oclassA.prototype.color = "red"; //用prototype方法添加对象的属性
oclassA.prototype.tellColor = function() //用prototype方法添加对象的方法
{
return "color of "+this.name+" is "+this.color;
}
oClassA.aaa='This is a class example!'; //添加一个属性
oClassA.methodA=function(ppp) //添加一个方法
{
alert(ppp);
}
oclassA.prototype.color = "red"; //用prototype方法添加对象的属性
oclassA.prototype.tellColor = function() //用prototype方法添加对象的方法
{
return "color of "+this.name+" is "+this.color;
}
使用方法:
可以直接拿oClassA来用,如:
复制代码 代码如下:
var temp=oClassA.aaa; //使用属性aaa
oClassA.methodA(temp); //使用方法methodA
oClassA.methodA(temp); //使用方法methodA
希望本文所述对大家的javascript程序设计有所帮助。
上一篇: Redis是什么?有哪些应用场景?
下一篇: PHP判断图片格式的七种方法小结_PHP
推荐阅读
-
JavaScript面向对象程序设计创建对象的方法分析
-
Javascript日期对象的dateAdd与dateDiff方法
-
Javascript中类式继承和原型式继承的实现方法和区别之处
-
JavaScript使用原型和原型链实现对象继承的方法详解
-
在JavaScript中重写jQuery对象的方法教程实例教程教程
-
firefox怎么禁用javascript和flash?火狐浏览器屏蔽js的方法
-
Javascript调试之console对象——你不知道的一些小技巧
-
JavaScript中的模拟事件和自定义事件实例分析
-
javascript工厂模式和构造函数模式创建对象方法解析
-
javascript 删除数组元素和清空数组的简单方法