javascript类的理解和使用

时间:2022-09-19 23:31:16

距离上次写博客已经过去好几个月了,现在手里的项目正好都结束了,闲暇之后开始理一下开发中一些问题,这次说一下javascript当中的类,可能很多人对于写惯了前台页面效果的coder来说,对于javascript当中的类,他们可能很少使用!这次我简单的写一个类,包括一些方法!

var ArrayList = function ()
{
var arr = [];
this.add = function (p)//新增
{
arr[arr.length] = p;
}; this.get = function (index)//获取
{
if (index > -1 && index < arr.length)
return arr[index];
return null;
}; this.remove = function (obj)
{
if (obj != null && arr.length > 0)
{ var index = this.indexOf(obj);
if (index != -1)
{
this.removeAt(index);
}
}
};//删除对象 this.removeAt = function (index) //删除指定索引的对象
{
if (index != null && arr.length > 0)
{
if (arr.length == 1 && index == 0)//
{
this.clear();
} else
{
// arr.slice(0, index).concat(arr.slice(index + 1, arr.length));
arr.splice(index, 1);
}
}
}; //清除
this.clear = function ()
{
arr.length = 0;
}; this.replace = function (obj, newObj)//替换
{
if (arr.length > 0)
{
var index = this.indexOf(obj);
arr.splice(index, 1, newObj);
}
}; this.indexOf = function (obj)//获取对象的索引
{
if (arr.length > 0 && obj != null)
{
for (var i = 0; i < arr.length; i++)
{
if (arr[i] == obj)
return i;
}
return -1;
}
}; this.lastIndexOf = function (obj)//返回最后一个值
{
for (var i = arr.length - 1; i > 0; i--)
{
if (obj == arr[i])
return arr[i];
}
return null;
}; this.getCount = function ()//返回集合长度
{
return arr.length;
}; this.toArray = function ()//初始化数组
{
var temp = new Array();
for (var i = 0; i < arr.length; i++)
{
temp[i] = arr[i];
}
return temp;
};

这是一个简单的类的写法,对于类当中的this关键字我表示这个好比C#后台类当中的public访问修饰符一样的概念,如果换成了var,那么当你实例化这个类的时候就无法访问这个类的方法了。请牢记哦!

javascript类的理解和使用的更多相关文章

  1. 对Javascript 类、原型链、继承的理解

    一.序言   和其他面向对象的语言(如Java)不同,Javascript语言对类的实现和继承的实现没有标准的定义,而是将这些交给了程序员,让程序员更加灵活地(当然刚开始也更加头疼)去定义类,实现继承 ...

  2. JavaScript es6 class类的理解。

    本着互联网的分享精神,在本篇文章我将会把我对JavaScript  es6 class类的理解分享给大家. JavaScript 类主要是 JavaScript 现有的基于原型的继承的语法糖. 类语法 ...

  3. JavaScript 类式继承与原型继承

    交叉着写Java和Javascript都有2年多了,今天来总结下自己所了解的Javascript类与继承. Javascript本身没有类似Java的面向对象的类与继承术语,但其基于原型对象的思想却可 ...

  4. 第九章:Javascript类和模块

    (过年了,祝大家新年好!) 第6章详细介绍了javascript对象,每个javascript对象都是一个属性集合,相互之间没有任何联系.在javascript中也可以定义对象的类,让每个对象都共享某 ...

  5. javascript单例模式的理解

    javascript单例模式的理解 阅读目录 理解单例模式 使用代理实现单例模式 理解惰性单例 编写通用的惰性单例 单例模式使用场景 回到顶部 理解单例模式 单例模式的含义是: 保证一个类只有一个实例 ...

  6. 一种JavaScript 类的设计模式

    一种JavaScript 类的设计模式尽管前面介绍了如何定义一个类,如何初始化一个类的实例,但既可以在function定义的函数体中添加成员,又可以用prototype 定义类的成员,代码显的很混乱, ...

  7. JavaScript学习总结&lpar;十三&rpar;——极简主义法编写JavaScript类

    前两天在网上无意中发现了一篇使用极简主义法定义JavaScript类的文章,原文链接,这个所谓的"极简主义法"我还是第一次听说,是荷兰程序员Gabor de Mooij提出来的,这 ...

  8. javascript javascript面向对象的理解及简单的示例

    javascript面向对象的理解及简单的示例 零.本节重点: 1.封装: 2.继承: 壹.下面理解: 一. javascript面向对象概念: 为了说明 JavaScript 是一门彻底的面向对象的 ...

  9. 你需要知道的 JavaScript 类&lpar;class&rpar;的这些知识

    作者: Dmitri Pavlutin译者:前端小智来源:dmitripavlutin 点赞再看,养成习惯 本文 GitHub https://github.com/qq44924588... 上已经 ...

随机推荐

  1. php防止外链导出的代码

    先收藏起来再说! URL跳转代码 1.代码: <? $url=$_GET["url"];header("Location:"."http://& ...

  2. September 3rd 2016 Week 36th Saturday

    Calculation never made a hero. 举棋不定,难以称雄. We change. We have to. Or we spend the rest of our lives f ...

  3. Annotation

    Annotation是给类,方法或域上加的一种特殊的标记,可以通过反射取到注解的类型和值,从而完成某种特定的操作. 定义注解需要使用元注解,元注解有@Retention和@Target p.p1 { ...

  4. 在SQL Server 中启用 FileStream

    最近在研究在数据库中存储大数据文件,看到了FileStream 这个功能,记录下来以备后用 FileStream 一般在安装的时候默认是不启用的,如果你留意的话,在选择数据库文件路径那个窗口,有一个标 ...

  5. React翻译官网文档之JSX

    什么是JSX? 看下面的代码它被称为JSX,它既不是字符串也不是HTML,而是一种facebook公司对javascript语法的拓展.虽然写法很奇怪最终仍会会被编译为javascript代码 con ...

  6. RecyclerView实现一个页面有多种item,每个item有多个view,并且可以让任意item的任意view自定义监听,通过接口方法进行触发操作

    百度了很多贴子,看着大佬的博客,模仿尝试,最终都是以失败告终,api可能版本不一样, 毕竟博客大佬都是7~8前写的,日期新点的都是好几年前了,多次尝试,还是报出莫名其妙的错. 哎,忧伤. 翻阅各种资料 ...

  7. 通过Ajax来简单的实现局部刷新(主要为C&num;中使用的UpdatePanel控件和ScriptManager控件)

    1. ScriptManager和UpdatePanel控件联合使用可以实现页面局部异步刷新的效果.UpdatePanel用来设置页面中局部异步刷新的区域,它必须依赖于ScriptManager,因为 ...

  8. box-shadow 画叮当猫

    值 描述 h-shadow 必需.水平阴影的位置.允许负值 v-shadow 必需.垂直阴影的位置.允许负值 blur 可选.模糊距离 spread 可选.阴影的尺寸 color 可选.阴影的颜色.请 ...

  9. &lbrack;Swift&rsqb;LeetCode513&period; 找树左下角的值 &vert; Find Bottom Left Tree Value

    Given a binary tree, find the leftmost value in the last row of the tree. Example 1: Input: 2 / \ 1 ...

  10. MySQL(2)数据库 表的查询操作

    来源参考https://www.cnblogs.com/whgk/p/6149009.html 跟着源博客敲一遍可以加深对数据库的理解,同时对其中一些代码做一些改变,可以验证自己的理解. 本文改动了其 ...