搜索
首页电脑教程电脑知识JavaScript如何定义类似于hide的方法,可通过点击调用

javascript怎么定义那种点出来的方法类似于hide调用的时

原形方法吧。。。。prototype

比如给数组Array定义一个函数

Array.prototype.in_array = function ($string) { for (var i = 0; i

{

for (i = 0; i

return true;

}

}

return false;

}

调用时候就可以

var a = new Array('a');

a.in_array('a');

查看是否存在

在比如字符串

String.prototype.trim = function()

{

return this.replace(/^s*|s*$/g, '');

}

调用时候就可以

var a = ' abcdefg ';

a.trime();

这样就去掉两边的空格了

自定义函数也一样,首先创建一个函数,并使用prototype在其中添加方法。

JavaScript定义对象的方法有哪些

Javascript对象定义的几种方式

一. 工厂方式:首先创建对象,然后向对象添加方法和属性。封闭之后,避免使用new操作符创建对象。尽管这种方法有一些弊端,比如在工厂函数内部定义方法时,每次调用时都会创建新的函数。

function factory(name, person, address, time){

var tmp=new Object;

tmp.name=name;

tmp.person=person;

tmp.address=address;

tmp.workTime=function(){

alert("我们开始工作的时间是" + time);

}

return tmp;

}

var factory1 = factory("drugs", 100, "Huashan Rd", 10);

var factory2 = factory("TCMdrugs", 100, "hongqiao Rd", 11);

factory1.workTime();

factory2.workTime();//在这里,factory1和factory2有不同的方法

对这种问题虽然可以用下面的方式改进,但是缺乏很好的封装性

function factory(name, person, address, time){

var tmp=new Object;

tmp.name=name;

tmp.person=person;

tmp.address=address;

tmp.workTime=workTime();

return tmp;

}

function workTime(){

alert("我们开始工作时间是" + this.time);

}

二、构造函数方式是指在构造函数内部使用this关键字来创建对象,并且在使用时需要通过new操作符来实例化。然而,这种方式存在和工厂方式相同的问题,即每次调用构造函数都会创建一个新的函数对象,导致函数的重复创建。

function construct(name, person, address, time) { // 在这里编写你的代码逻辑 }

this.name=name;

this.person=person;

this.address=address;

this.workTime=function(){

alert("我们开始工作时间是" + this.time);

};

}

三.原型方式:利用prototype属性来实现属性和方法,可以通过instanceof 检查对象类型,解决了重复创建函数的问题。不过需要注意的是,不能通过传递参数来初始化属性。

function Car(){

}

Car.prototype.color = "red";

Car.prototype.doors = 4;

Car.prototype.mpg = 23;

Car.prototype.showColor = function() {

alert(this.color);

};

var car1 = new Car();

var car2 = new Car();

但是如果遇到下面的情况,又出问题了

Car.prototype.drivers = ["mike", "sue"];

car1.drivers.push("matt");

alert(car1.drivers); //输出“mike,sue,matt”

alert(car2.drivers); // 输出 "mike, sue, matt"

drivers是指向Array对象的指针,Car的两个实例都引用了同一个数组。

四.混合的构造函数/原型方式:针对原型方式的解决方案

function Car(sColor, iDoors, iMpg) { this.color = sColor; this.doors = iDoors; this.mpg = iMpg; }

this.color = sColor;

this.doors = iDoors;

this.mpg = iMpg;

this.drivers = ["mike", "sue"];

}

Car.prototype.showColor = function () { // 你的代码 }

alert(this.color);

};

var car1 = new Car("red", 4, 23);

var car2 = new Car("blue", 3, 25);

car1.drivers.push("matt");

alert(car1.drivers);

alert(car2.drivers);

五. 动态原型方式:这是一种非常推荐的方式,它避免了前面几种方式中出现的问题,并且提供了更加友好的编码风格。

function Car(sColor, iDoors, iMpg) { this.color = sColor; this.doors = iDoors; this.mpg = iMpg; }

this.color = sColor;

this.doors = iDoors;

this.mpg = iMpg;

this.drivers = ["mike", "sue"];

如果(typeof Car.initialized == "undefined"){

Car.prototype.showColor = function () { // 你的代码 }

alert(this.color);

};

Car.initialized = true;

}

}

var car1 = new Car("red", 4, 23);

var car2 = new Car("blue", 3, 25);

car1.drivers.push("matt");

alert(car1.drivers);

alert(car2.drivers);

六.混合工厂方式:和工厂方式有些相似,但是使用new关键字进行实例化。虽然与工厂方式有相同的弊端,但是不推荐使用。

以上是JavaScript如何定义类似于hide的方法,可通过点击调用的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文转载于:Excel办公网。如有侵权,请联系admin@php.cn删除
[固定]您需要对Minecraft中的Microsoft服务进行身份验证? -  Minitool[固定]您需要对Minecraft中的Microsoft服务进行身份验证? - MinitoolApr 27, 2025 am 12:51 AM

在这篇文章中,PHP.CN为PC上的Minecraft中的“您需要对Microsoft服务进行身份验证”提供了一些有效的解决方案。如果您陷入了这个问题,则应注意这篇文章。

在任务管理器中使用高功率使用的前4个修复程序在任务管理器中使用高功率使用的前4个修复程序Apr 27, 2025 am 12:49 AM

在任务管理器中,您可以查看流程在计算机使用上的功能。如果您经常在任务管理器中获得高功率使用情况怎么办?  在PHP.CN网站的这篇文章中,我们将探讨如何轻松有效地解决此问题。

C驱动器中的2个Windows文件夹:如何处理它们?C驱动器中的2个Windows文件夹:如何处理它们?Apr 27, 2025 am 12:48 AM

Windows文件夹包含Windows操作系统,并且是Windows计算机中的重要文件夹。有时,您可能会在C驱动器中看到2个Windows文件夹。如何删除其中一个? PHP.CN的这篇文章告诉您如何做到这一点。

前4个Halo Infinite Trackers跟踪KD,统计,等级等! -  Minitool前4个Halo Infinite Trackers跟踪KD,统计,等级等! - MinitoolApr 27, 2025 am 12:47 AM

许多人正在寻找可行的光环无限跟踪器。在这篇文章中,PHP.CN引入了几个可用的Halo Infinite跟踪器,以帮助您跟踪Halo Infinite KD,等级,统计等。现在,请继续阅读。

您必须拥有的10张最佳Google表格附加组件 -  Minitool您必须拥有的10张最佳Google表格附加组件 - MinitoolApr 27, 2025 am 12:46 AM

您是否听说过Google表格附件?您是否知道如何在Google表中安装它们?您想获得最好的和免费的Google表附加组件吗?有关PHP.CN的本文重点关注这些问题,并为您提供SEVE

在Windows 11 -Minitool上启用/禁用CTRL ALT删除安全登录在Windows 11 -Minitool上启用/禁用CTRL ALT删除安全登录Apr 27, 2025 am 12:45 AM

安全登录是确保PC安全的一种方便方法,但是如果您不希望使用它,则是Windows 11禁用它的方法。php.cn的这篇文章为您提供了3种启用或禁用Ctrl Alt Alt Alt delete delete delete Secure登录的方法。

如何修复Windows 10中不工作的单词命令 -  Minitool如何修复Windows 10中不工作的单词命令 - MinitoolApr 27, 2025 am 12:44 AM

您是否听说过Microsoft Word Distation?如果单词听写不起作用怎么办?这篇来自PHP.CN的文章向您展示了有关单词命令的基本信息以及一些可行的方法来解决“单词distation not frooct”问题。

什么是Atlas VPN?如何免费下载Atlas VPN供使用? -  Minitool什么是Atlas VPN?如何免费下载Atlas VPN供使用? - MinitoolApr 27, 2025 am 12:43 AM

Atlas VPN是用什么? Atlas VPN安全吗?您可以免费使用Atlas VPN吗?如何下载Atlas VPN并将其安装在您的设备上供使用?请参阅PHP.CN的这篇文章,您可以找到有关此VPN服务和Atlas VPN下载的详细信息

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具