首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Javascript中,有没有一种多态setter的方法

在Javascript中,没有一种直接的多态setter的方法。多态是面向对象编程中的一个概念,它允许不同的对象对同一个方法做出不同的响应。在Javascript中,对象的属性可以通过直接赋值的方式进行设置,而不需要使用特定的setter方法。

然而,可以通过使用getter和setter方法来模拟多态setter的行为。Getter和setter方法是一对用于获取和设置对象属性值的特殊方法。通过定义不同的setter方法,可以实现对同一个属性的不同设置行为。

以下是一个示例代码,展示了如何使用getter和setter方法来模拟多态setter的行为:

代码语言:txt
复制
class Shape {
  constructor() {
    this._color = '';
  }

  get color() {
    return this._color;
  }

  set color(value) {
    this._color = value;
  }
}

class Circle extends Shape {
  set color(value) {
    // 在Circle类中,对color属性的设置行为进行特定的处理
    if (value === 'red') {
      this._color = value;
    } else {
      console.log('Circle只能设置为红色');
    }
  }
}

class Square extends Shape {
  set color(value) {
    // 在Square类中,对color属性的设置行为进行特定的处理
    if (value === 'blue') {
      this._color = value;
    } else {
      console.log('Square只能设置为蓝色');
    }
  }
}

const circle = new Circle();
circle.color = 'red'; // 设置为红色,有效
console.log(circle.color); // 输出:red

circle.color = 'blue'; // 设置为蓝色,无效,输出错误信息

const square = new Square();
square.color = 'blue'; // 设置为蓝色,有效
console.log(square.color); // 输出:blue

square.color = 'red'; // 设置为红色,无效,输出错误信息

在上述代码中,Shape类是一个基类,定义了color属性的getter和setter方法。Circle类和Square类继承自Shape类,并重写了color属性的setter方法,实现了对color属性的特定设置行为。通过使用不同的setter方法,可以实现对color属性的多态设置。

需要注意的是,Javascript中的多态并不像一些静态类型语言中那样严格,它是通过运行时的动态绑定实现的。因此,在使用多态时需要注意代码的设计和逻辑。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

盘点JavaScriptgetter()和setter()函数使用

一、前言 有两种类型属性。 第一种是 数据属性。已经知道如何使用它们了。到目前为止,使用过所有属性都是数据属性。 第二种类型属性是新东西。...它们本质上是用于获取和设置值函数,但从外部代码来看就像常规属性。 二、Getter 和 setter 访问器属性由 “getter” 和 “setter方法表示。...这就是访问器属性设计思想。不以函数方式 调用 user.fullName,正常 读取 它:getter 幕后运行。 截至目前,fullName只有一个 getter。...例: 如果想禁止太短 user name,可以创建一个 setter name,并将值存储一个单独属性 _name: let user = { get name() { return...六、总结 本文基于JavaScript基础,介绍了getter 和 setter函数使用。对于其中属性,通过案例样式,运行效果图展示,进行详细讲解。

1.5K11

kotlin数据类重写setter getter正确方法

概述 开发过程,经常会创建一些数据里,其没有任何逻辑功能,仅仅来用来保存数据。Kolin,将这些类统一称为数据类,用关键字data标记。...前言 kotlin数据类,由于其内部封装了getter和setter方法,极大地简化了我们编程代码,但同时其不能像java那样方便重写getter或者setter方法,也给大家造成了一定麻烦。...这种格式,或者yyyy年MM月dd日这种,再或者更加友好一点,根据时间段,转成1小时前、2天前、一周前这种,实际开发中都是常有的情况,Java我们可以很方便getter方法做这些处理,但是kotlin...getter方法都是内部封装,并不直接支持重写,我看到网上有些答案是像这样处理: data class OrderBean(val _createTime: Long){ val createTime...()等一些方法还是会沿用长整型值,而且当你做某些值对比时候,会产生一些不可预测结果。

3.7K10

4种JavaScript交换变量方法

在编码面试,可能会问您“如何在没有临时变量情况下交换2个变量?”。我很高兴知道执行变量交换多种方法本文中,您将了解大约4种交换方式(2种使用额外内存,而2种不使用额外内存)。...1、解构赋值 解构赋值语法(ES2015功能)使您可以将数组项提取到变量。...提醒一下,这是 XOR 真值表: a b a ^ b 0 0 0 1 1 0 0 1 1 1 0 1 JavaScript,按位 XOR 运算符 n1 ^ n2 对n1和n2数字每一位执行 XOR...5、结论 JavaScript提供了很多交换变量方法,无论有没有额外内存。 我建议使用一种方法通过应用解构赋值[a,b] = [b,a]交换变量。这是一种简短而富有表现力方法。...第二种方法使用临时变量。这是代替(applying)解构赋值方法不错选择。 第三种方法,使用加减法,不使用其他变量或内存。但是,该方法仅限于交换整数。

2.9K30

JavaScript ,对象是拥有属性和方法数据

JavaScript 所有事物都是对象:字符串、数字、数组、日期,等等。 JavaScript ,对象是拥有属性和方法数据。...字符串对象: var txt = "Hello"; 属性: txt.length=5 方法: txt.indexOf() txt.replace() txt.search() 面向对象语言中,使用...JavaScript 函数内部声明变量(使用 var)是局部变量,所以只能在函数内部访问它。...全局变量:函数外声明变量是全局变量,网页上所有脚本和函数都能访问它。全局变量会在页面关闭后被删除。...向未声明 JavaScript 变量来分配值:如果把值赋给尚未声明变量,该变量将被自动作为全局变量声明,即使它在函数内执行。

3.7K10

JavaScript replace 方法

定义和用法 replace() 方法用于字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配子串。...字符 替换文本 $$ 直接量符号(就是当做'$$'字符用) $& 与正则相匹配字符串 $` 匹配字符串左边字符 $’ 匹配字符串右边字符 $1,$2,$,3,…,$n 匹配结果对应分组匹配结果...StringObject.replace(searchValue,replaceValue)replaceValue可以是一个函数....推荐修改正则为/nimo/查看控制台中返回arguments值) 匹配字符串对应索引位置(此例为0) 原始字符串(此例为nimojs@126.com) 使用自定义函数将A-G字符串改为小写 'JAVASCRIPT...'.replace(/[A-G]/g,function(){ return arguments[0].toLowerCase(); }) //JaVaScRIPT 使用自定义函数做回调式替换将行内样式单引号删除

1.4K60

关于 JavaScript reduce() 方法

reduce() 方法对数组每个元素执行一个升序执行 reducer 函数,并将结果汇总为单个返回值 const array1 = [1, 2, 3, 4]; const reducer = (accumulator...reduce 方法参数 1、第一个参数:reducer 函数 其中,reducer 函数又有四个参数: Accumulator (acc) (累计器) Current Value (cur) (当前值...可以看到如果不传第二个参数 initialValue,则函数第一次执行会将数组第一个元素作为 total 参数返回。...如果传了第二个参数 initialValue,那么第一次执行时候 total 值就是传递参数值,然后再依次遍历数组元素。...reduce( function(a, b) { return a.concat(b); }, [] ); // flattened is [0, 1, 2, 3, 4, 5] 4、计算数组每个元素出现次数

1.1K10

浅析 JavaScript 方法

方法链是一种流行编程方法,可以帮助你写出更简洁易读代码。本文中我们一起学习 JavaScript 方法链是什么,以及它是怎样工作。...进行级联时主要有两种方法一种是一个接一个执行方法,另一种同一行上。JavaScript 这种做法也很普遍。你可以在数组、字符串和 promise 看到它。...为了使链起作用,方法必须返回与其一起使用对象,也就是必须返回 this。就像接力赛跑时接力棒一样。 JavaScript 实现方法链 为了使方法链有效,必须满足三个条件:首先,需要一些对象。...方法、链、this 和箭头函数 必须使用 this 也意味着无法使用箭头函数创建方法链。因为箭头函数,this 没有绑定到对象实例,而是全局对象 window 引用。...方法链和类 如果你喜欢使用 JavaScript 类,也可以JavaScript中使用方法链接。除了语法略又不同外,整个过程和对象是一样。但是要注意所有可链方法都必须返回 this。

55910

一种判断thread是否执行方法

前言: 主线程怎么确定某线程是否执行? 作者遇到这个问题,第一感觉有点蒙。翻了一下glibc代码,算是找到一个比较好办法吧。...线程将要退出时候,写控制变量running = false,判断running这个变量就可以知道线程是否执行了。 这个方法简单粗暴,绝大多数情况下都是能工作。...但是,有一种比较极端情况:某线程正好赋值完控制变量,但是函数体还没有结束(对应内核task当然也还在),这是主线程读取到控制变量符合条件了,可是线程还没有结束。...但是还是会有极端情况:例如给线程分配了1234,线程执行完,其他进程被分配了1234,那么这种方法就不能判断了。...不过,前提是这个线程是JOINABLE类型(线程通过attr指定,分为DETACHED和JOINABLE两种,其中JOINABLE是默认)。 后记: 这个小问题,说简单不简单,说难不难。。

1.9K90

一种 Laravel 简单设置多态关系模型别名方式

我已经至少出现这个问题 3 次了,所以我一直纠结有没有更好方法,今天突然灵机一动,实现了一个看起来似乎是一个不错方式,分享给大家。...思路来源 我尝试跟踪了一遍源码,发现模型中有一个方法 getMorphClass,多态关联时候,就是用它来取目标对象类型名称,默认返回类名: public function getMorphClass...return array_search(static::class, $morphMap, true); } return static::class; } 那么,只要我们模型覆盖这个方法便可以方便实现目标了...实现目标 我们有两个选择去实现它: 1.创建一个模型基类覆盖这个方法,所有的模型都来集成它即可;2.创建一个 trait,需要模型引入它。...》[2] 我们目标是使用表名来做为关系类别名,那么模型如何获取表名呢,直接使用模型 getTable 即可,那么整个 trait 实现如下: app/Traits/UseTableNameAsMorphClass.php

2.7K10

小程序实现视频通话及互动直播一种方法

直播行业如火如荼的当下,越来越多企业选择发展自己直播平台,或者希望原有的app中上架音视频、直播功能。开发一个直播功能难易程度如何呢?...直播难:要想把直播从零开始做出来,技术难度还是很高,因为直播运用到技术难点非常之多,视频/音频处理,图形处理,视频/音频压缩,CDN分发,即时通讯等技术,每一项技术都非常专业。...以下用开发者 FinClip 小程序实现视频通话及互动直播等功能举例:准备开发环境1、请确保本地已安装微信开发者工具2、请确保有一个支持 live-pusher 和 live-player 组件微信公众平台账号...详情查看FinClip文档中心:https://www.finclip.com/mop/document/develop/component/media.html#live-pusher3、请确保微信公众平台账号开发设置...如需获取 Token 或 Channel Key,请启用 App Certificate下载本页示例程序打开 utils 文件夹, config.js 文件填入获取到 App ID: const

1.6K00

15 - JavaScript 调试:console 方法

原文地址:https://dev.to/bhagatparwinder/debugging-in-javascript-console-methods-2de2 JavaScript console...console 对象提供了调试打印能力,它是一个全局对象可以在任何地方获取。在任何代码问题定位都是很常见,console 方法使得打印语句、变量、方法和错误变得简单。...log 和 dir 许多方法都类似但不同在于如何输出。假如,都传递一个对象,dir 会输出一个可交互对象属性列表且容易定位,然而 log 则会打印出对象字符串形式。...Table console.table 是一个最被低估打印方法。它会把数据输出成表格形式,使阅读更容易。首先是这个数据可以表格显示(数组和对象)。...trace 用来输出追栈到控制台 warn console.warn 控制台输出警告信息,若你 Firefox 或 Chrome 中使用,在打印信息前面你会看到一个黄色感叹号。

52610

JavaScript数据结构(链表)

JavaScript链表是一种数据结构,用于存储和组织一系列元素。它由一系列节点(Node)组成,每个节点包含了两部分:数据域(存储数据)和指针域(指向下一个节点)。...然而,链表缺点是访问链表特定元素时间复杂度较高,需要从头开始遍历链表直到找到目标节点。 ---- 详细看一下列表 JavaScript,可以使用对象来实现链表。...我们要实现两种remove方法:第一种是从 特定位置移除一个元素,第二种是根据元素值移除元素(稍后我们会展示第二种remove方法)。...; }; 查看链表头元素 需要在类实现外部循环访问列表,就需要提供一种获取类第一个元素方法。...toString():由于列表项使用了Node类,就需要重写继承自JavaScript对象默认toString方法,让其只输出元素值。

14510

JavaScript数据结构(队列)

队列(Queue)是一种具有先进先出(FIFO, First-In-First-Out)特性数据结构,它可以用于计算机程序管理和存储元素。...JavaScript,可以使用数组(Array)或链表(Linked List)等数据结构来实现队列。 其实可以用窗口排队打饭为案例,先来先排队打饭。...可以用shift方法,shift方法会从数组移除存储索引0(第一个位置)元素: this.dequeue = function(){ return items.shift(); }; 只有...因此可以对它们使用默认出列操作: ---- 总结 JavaScript,队列(Queue)是一种具有先进先出(FIFO, First-In-First-Out)特性数据结构,它可以用于计算机程序管理和存储元素...队列主要有两个基本操作: 入队(enqueue)和出队(dequeue),JavaScript可以使用数组(Array)或链表(Linked List)等数据结构来实现队列。

20330
领券