当前位置:

首页 > 软件教程 > Javascript如何定义类似于hide调用的那种点出来的方法?

Javascript如何定义类似于hide调用的那种点出来的方法?

本文目录

    javascript怎么定义那种点出来的方法类似于hide调用的时原形方法吧。。。。prototype比如给数组Array定义一个函数Array.prototype.in_array=function($string){for(vari=0;i

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

    原形方法吧。。。。prototype

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

    Array.prototype.in_array = function ($string) { for (var i = 0; i < this.length; i++) { if (this[i] === $string) { return true; } } return false; }; 在这段代码中,我们通过对Array原型进行扩展,添加了一个名为in_array的方法。该方法用于判断一个字符串是否存在于数组中。我们通过遍历数组,逐个比较数组元素与给定字符串,如果找到了相同的元素,就返回true,表示字符串存在于数组中。如果遍历完整个数组都没有找

    {

    for (i = 0; i < this.length; i++) { if (this[i] == $string) {

    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关键字进行实例化。虽然与工厂方式有相同的弊端,但是不推荐使用。

    本文内容来源于网友投稿,如有侵权请联系删除。
    作者最新文章
    软件教程
    相关文章 更多
    codex官网下载入口电脑版客户端下载安装教程
    codex官网下载入口电脑版客户端下载安装教程

    许多用户搜索“Codex官网下载入口”时容易陷入误区。本文解释Codex并非单一软件,而是多种技术的统称,分析常见混淆场景,提供正确的资源获取方式和安全下载建议,防止误装恶意程序。

    修改tomcat的默认端口号配置文件及操作步骤
    修改tomcat的默认端口号配置文件及操作步骤

    详细讲解如何在Tomcat中通过编辑conf/server.xml文件来修改默认的HTTP连接器端口,包含文件路径查找、关键标签定位及重启服务的完整步骤。

    codex安装包下载官网及官方版本安装教程
    codex安装包下载官网及官方版本安装教程

    了解如何从Autodesk官网下载正版AutoCAD安装包,并通过界面导览熟悉绘图区、命令行、功能区等核心区域,为高效绘图打下基础。

    凹三网同人小说阅读网-凹三网网页版登录入口
    凹三网同人小说阅读网-凹三网网页版登录入口

    想知道如何顺利访问AO3凹三网?本文提供最新的网页版登录入口指引,详解网络环境准备、界面中文设置步骤以及账号注册登录流程,助你轻松阅读全球同人作品。

    Postman设置公共前缀怎么操作的详细教程
    Postman设置公共前缀怎么操作的详细教程

    掌握在Postman中设置API公共前缀的正确方法,利用环境变量和集合变量实现Base URL的动态切换,避免硬编码,提升接口测试效率与维护性。

    deepseek网页版入口官网下载安装操作教程
    deepseek网页版入口官网下载安装操作教程

    本文纠正DeepSeek需要下载安装的常见误解,提供官方网页版直接访问方法,并介绍适合开发者的API集成方案,帮助用户高效使用DeepSeek大模型。

    notebooklm官网打不开怎么办访问故障排查教程
    notebooklm官网打不开怎么办访问故障排查教程

    本文详细解析NotebookLM官网打不开的常见原因,提供包括网络检测、DNS切换、浏览器缓存清理及账号权限检查在内的具体操作步骤,帮助用户解决访问障碍。

    claude怎么上传文件网页版操作步骤详解
    claude怎么上传文件网页版操作步骤详解

    详细介绍在Claude网页版中上传文件的具体步骤,包括入口位置、文件格式要求、大小限制及常见问题排查,帮助用户高效利用AI处理文档。

    jenkins配置git仓库步骤与凭证设置教程
    jenkins配置git仓库步骤与凭证设置教程

    遇到Jenkins拉取代码报错?本教程手把手教你配置Git仓库地址,正确添加SSH或HTTP凭证,并演示在自由风格项目和Pipeline中如何调用,彻底解决权限验证难题。

    CODEX安卓官方安装包下载及安卓版安装教程
    CODEX安卓官方安装包下载及安卓版安装教程

    详解CODEX安卓官方安装包的获取途径与安全安装步骤,涵盖权限设置、未知来源应用允许及常见安装失败问题的排查方法,帮助用户规避非官方渠道风险。

    查看更多
    精品专题 更多
    装机必备
    装机必备

    正软商城装机必备专区,精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件,帮助用户快速完成新电脑软件配置。

    Windows
    Windows

    正软商城Windows软件专区,汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件,提供软件介绍、系统要求、正版授权及购买下载服务。

    macOS软件
    macOS软件

    正软商城macOS软件专区,精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具,提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。

    Mac软件 更多
    Blender
    Blender
    Windows、macOS 和 Linux

    Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。

    灵活计算器
    灵活计算器
    macOS/iOS/Android

    灵活计算器是一款笔记式算数应用,支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然,适合长期写作、做笔记或持续沉淀个人内容。

    赤友清理大师
    赤友清理大师
    macOS

    赤友清理大师是一款为 Mac 设计的智能清理优化工具,可精准扫描垃圾、大文件、重复文件等,释放磁盘空间。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。

    WINDOWS 更多
    Blender
    Blender
    Windows、macOS 和 Linux

    Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。

    Windows 10
    Windows 10
    Windows

    Windows 10 是一款微软推出的经典操作系统,拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起,适合需要持续观察和微调设备状态的场景。

    极度公式
    极度公式
    Windows/macOS/Linux

    极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。