`
太阳神喻
  • 浏览: 106782 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

三种自定义JavaScript的方法

阅读更多

1.工厂方式

 

<script type="text/javascript">
		//多个对象共享的study方法
		function study()
		{
			alert(this.xm + "开始学习");
		}

		//创建Student对象的工厂函数
		function createStudent(id, xm, age)
		{
			var Student = new Object;//没有参数时可以省略括号
			Student.id = id;
			Student.xm = xm;
			Student.age = age;
			Student.study = study;//这里千万不要加括号,加上括号就变成方法调用了。
			return Student;
		}
		
		var s1 = createStudent("J1001","FSJ",25);
</script>
 

 

2.构造函数方式

 

	<script type="text/javascript">
		//多个对象共享的study方法
		function study()
		{
			alert(this.xm + "开始学习");
		}

		//Student的构造方法
		function Student(id, xm, age)
		{
			this.id = id;
			this.xm = xm;
			this.age = age;
			this.study = study;//这里千万不要加括号,加上括号就变成方法调用了。
		}

		var s1 = new Student("J1001","FSJ",25);
	</script>

 


3.原型方式

	<script type="text/javascript">
		//多个对象共享的study方法
		function study()
		{
			alert(this.xm + "开始学习");
		}

		//空的构造方法
		function Student(){}
		Student.prototype.id = "110";
		Student.prototype.xm = "haha";
		Student.prototype.age = 110;
		Student.prototype.study = study;

		var s1 = new Student();
		alert(s1.xm);
		s1.study();
	</script>
 

  使用原型方式的一个好处就是可以为已经存在的类添加新的成员。

 

分享到:
评论

相关推荐

    在SonarQube上使用java自定义JavaScript检测规则

    然后,我们需要实现规则的逻辑,例如在 visitCallExpression 方法中,我们需要检测调用表达式树中是否存在写操作。 规则部署 最后,我们需要将规则部署到 SonarQube 中。在 pom.xml 文件中,我们需要指定插件的...

    自定义JavaScript弹出框组件

    总结,自定义JavaScript弹出框组件是一种提升网页交互体验的重要手段。开发者可以根据项目需求,结合HTML、CSS和JavaScript技术,打造出符合业务场景的弹出框,从而提高用户界面的友好性和功能性。同时,这种组件化...

    自定义javascript 工具类

    自定义javascript 工具类

    10个常用自定义JavaScript函数

    这篇博客“10个常用自定义JavaScript函数”提供了十个非常实用的函数示例,旨在提升开发效率。虽然描述中没有给出具体的函数内容,但我们可以基于常见的JavaScript功能来推测和解释这些函数可能涉及的知识点。 1. *...

    自定义javascript的Map类

    自定义javascript的Map类,使用习惯完全依据于java的map使用习惯编写,java中map的用法基本一样,导入包即可使用

    python自学教程-04-自定义JavaScript.ev4.rar

    【标题】"python自学教程-04-自定义JavaScript.ev4.rar" 提示我们这是一个关于Python编程学习的教程,特别是涉及到与JavaScript交互的部分。在Python中,与JavaScript交互通常是通过Web开发或者数据交换的需求,例如...

    javascript九种自定义弹出层效果

    以下是对"javascript九种自定义弹出层效果"这一主题的详细解释: 1. **基础弹出层**:这是最简单的弹出层实现,通过创建一个CSS隐藏的元素,在需要时用JavaScript显示。可以使用`document.getElementById()`获取...

    Javascript创建自定义对象 创建Object实例添加属性和方法

    如下所示: 代码如下: var person...上面的例子创建了一个名为person的对象,并为它添加了三个属性(name、age和job)和一个方法(sayName())。其中,sayName()方法用于显示this.name()的值。早期的JavaScript开发人员

    javascript自定义滚动条样式

    JavaScript 自定义滚动条样式是一种常见的前端技术,它允许开发者通过 CSS 和 JavaScript 对浏览器默认的滚动条进行美化和个性化,以提升用户体验和界面设计的一致性。在网页设计中,滚动条往往是不可忽视的一部分,...

    javascript自定义下拉框

    JavaScript 自定义下拉框是一种常见的前端开发技术,用于创建具有个性化功能和样式的下拉选择菜单。在网页设计中,下拉框常用于提供多个选项让用户进行选择,而自定义下拉框则允许开发者超越HTML原生下拉列表(`...

    javascript自定义trim()方法

    JavaScript作为一种常用的前端开发语言,并未在标准库中提供直接的`trim()`方法。然而,为了方便开发者处理字符串,本文将详细介绍如何在JavaScript中自定义实现`trim()`方法。 #### 自定义`trim()`方法 在...

    javascript实现自定义事件

    javascript实现自定义事件,纯javascript不含vbscript。 通过自定义的HashMap.js和EventManager.js实现自定义事件的监听addEvent和发布fireEvent

    FineReport中如何用JavaScript自定义地图标签

    接着,通过图表属性表中的“样式&gt;标签”,选择自定义内容选项,此时可以输入自定义的JavaScript代码来实现特定的标签显示效果。 JavaScript中的关键变量`this.points`代表了地图上所有区域对象的集合,每个对象对应...

    javascript 美化滚动条 可自定义图片

    本主题将深入探讨如何使用JavaScript实现滚动条的自定义和美化。 首先,我们要了解浏览器对滚动条的支持情况。不同的浏览器(如Chrome、Firefox、Safari等)对滚动条样式的定制能力各不相同。在一些现代浏览器中,...

    arcgis javascript自定义infowindow

    在ArcGIS JavaScript API中,Infowindow(信息窗体)是一种用于展示地图上图层中图斑信息的组件。Infowindow通常会在用户点击或选择地图上的特定特征时出现,显示与该特征相关的详细信息。在自定义Infowindow的过程...

    javascript表单正则验证自定义提示

    "javascript表单正则验证自定义提示"这一主题聚焦于利用正则表达式(Regular Expressions)进行表单验证,并通过自定义提示来优化用户交互。 正则表达式是一种强大的文本处理工具,它可以用来匹配、查找、替换和...

    javascript 自定义eval函数实现

    一种方法是限制执行的上下文,例如,通过将代码执行在一个沙盒环境中,防止对全局变量的直接访问。以下是一个简单的示例,创建一个安全的`eval`替代函数: ```javascript function safeEval(code) { const sandbox...

    javascript之自定义事件

    在JavaScript中,自定义事件是一种强大的机制,它允许开发者创建自己的事件类型,以便在不同的对象之间传递信息或协调状态更新。这种技术对于大型应用程序或游戏的模块化和解耦至关重要。在JavaScript中实现自定义...

    javascript 自定义属性的使用

    使用Javascript的自定义属性实现一个按钮被点击两次后,让其不可用。

    gtm-macros-variables:变量-自定义Javascript-Google跟踪代码管理器

    变量-自定义Javascript-GTM 变量Tipo“自定义Javascript”段Google跟踪代码管理器: {{JS单击Mailto}} {{JS Click Phone}} {{JS是移动的}} {{JS单击文件扩展名}} 执照 根据MIT许可获得许可。

Global site tag (gtag.js) - Google Analytics