js类的使用

灰太狼 2021-11-09 18:58 278阅读 0赞

# brush示例 #

以d3的一个brush进行叙述，示例见：

[https://bl.ocks.org/xunhanliu/6f0b46789842e9e19e6cfe9bd0b16806][https_bl.ocks.org_xunhanliu_6f0b46789842e9e19e6cfe9bd0b16806]

# 应用情形： #

当页面上有多个图时，况且每个图维护一份brush,互不影响。

# js 类的基本结构： #

//定义类
    var a=100;
    class Point {
      constructor(x, y) {
        this.x = x;
        this.y = y;
     }
    
      toString() {
         
    return '(' + a + this.x + ', ' + this.y + ')';  //全局变量a,仍正常使用
      }
    }

参考自：[https://www.cnblogs.com/zczhangcui/p/6528039.html][https_www.cnblogs.com_zczhangcui_p_6528039.html]

## 说明： ##

1、constructor：是构造方法

2、类中每个方法前面不许加function。

3、全局变量可正常使用

# 重点： #

## this冲突 ##

this在事件中（element）有特定的指定的（谁的函数触发的这个函数，这个函数内部的this就指向谁（dom））。而且在全局区域中使用this,this指向window类。

当然在自定义的类中常只存在事件绑定的方法（如click事件绑定了此类的一个方法）中this的冲突。针对这种情况，可使用闭包来避免。

如：

class Point {
            constructor(dom) {
                d3.select(dom).on('click', this._click(this));
            }
    
            _click(that) {
                return function () {
                    //在里面 this指向被点击的元素，that指向Point实例  
                }
            }
        }

转载于:https://www.cnblogs.com/xunhanliu/p/10990579.html

[https_bl.ocks.org_xunhanliu_6f0b46789842e9e19e6cfe9bd0b16806]: https://bl.ocks.org/xunhanliu/6f0b46789842e9e19e6cfe9bd0b16806
[https_www.cnblogs.com_zczhangcui_p_6528039.html]: https://www.cnblogs.com/zczhangcui/p/6528039.html

发表评论取消回复

表情：

评论列表（有 0 条评论，278人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ext JS中定义和使用类Ext JS风格的html 按钮

Ext JS 的按钮样式如下： ![在这里插入图片描述][86b3c540fedb453cbe09597eb860a25e.png] 按钮的背景色默认为应用的主色调或是灰色

心已赠人/ 2024年03月17日 21:19/ 0 赞/ 39 阅读

相关 js 类似php 静态类的使用方法

可以定义一个对象。 var fec = \{ keyCode: \{ ENTER: 13, ESC: 27, END: 35, HOME: 36,

女爷i/ 2022年08月20日 04:22/ 0 赞/ 145 阅读

相关使用js模仿java的实体类对类/对象进行get操作

/ Created by zrz on 2015/9/16，15:01. @version 1.1.0 / var aa = {

﹏ヽ暗。殇╰゛Y/ 2022年08月08日 14:40/ 0 赞/ 119 阅读

相关 js中的类

ECMAScript6已经支持了class，但之前版本都不支持类，但是可以通过一些方法来模拟类。 js中的类，既是重点，也是难点，很多时候都感觉模棱两可。首先强调一下js

你的名字/ 2022年06月15日 02:54/ 0 赞/ 106 阅读

相关 js 操作cookie的类

var cookie = { set: function(key, value, days) { document.cookie = 'tomato

￡神魔★判官ぃ/ 2022年06月10日 12:51/ 0 赞/ 161 阅读

相关 Js类的写法

1、构造函数法构造函数的优点是：我们可以根据参数来构造不同的对象实例，缺点是每次构造实例对象时都会生成getName方法，造成了内存的浪费。 ![70][] 用一

ゞ浴缸里的玫瑰/ 2022年05月17日 00:37/ 0 赞/ 190 阅读

相关 js类的使用

brush示例以d3的一个brush进行叙述，示例见： [https://bl.ocks.org/xunhanliu/6f0b46789842e9e19e6cfe9b

灰太狼/ 2021年11月09日 18:58/ 0 赞/ 279 阅读

相关 js构建类的方法

　　Javascript是一种基于对象的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有C`lass`。（不过，ES6

心已赠人/ 2021年09月29日 14:52/ 0 赞/ 227 阅读

相关 Pipe类的使用、SelectorProvider类的使用

Pipe.SinkChannel和Pipe.SourceChannel类的使用 Pipe.SinkChannel类标识Pipe的可写入结尾的通道： ![在这里插入图片

川长思鸟来/ 2021年08月30日 17:42/ 0 赞/ 595 阅读

相关 js 类的"继承"2

类的"继承2" 将原型空间指向要继承的对象当p1对象内无所要属性时，会去原型空间查找 Person.prototype=new Use

末蓝、/ 2021年07月25日 02:24/ 0 赞/ 356 阅读