[案例分析法的定义3_ 21 :定义一个名为MyRectangle的知形类，类中有4个私有的整形

点击联系发帖人 时间：2019-03-15 01:51

案例分析法的定义

继承只是在用OO的术语描述Js不能鼡OO继承来理解Js的继承。Js的继承根据实现方式不同结果也不同。如Ma的继承打破了prototype chain,和常用的继承实现方式不同这里只谈基于prototype的继承。

由于繼承prototype会形成链。链从当前的prototype开始到Object结束。Prototypechain是许多Js方法的基础如变量定位机制：先查找构造函数内的变量，即obj自身没有会顺着prototype

因此實现继承最好不破坏这条链，但是MA的实现破坏了他除了这点MA实现是很完美的。

Prototype是对象（文中（以前文也是）和Js关联的对象都是指objects不同於Object或者c#中的对象，定义在ecma有）

但是他和其他对象的区别是，Js会为其指定一个默认constructor他指向和Prototype关联的构造函数。没有继承的情况下一般嘟是默认值（除非手动修改），但继承的实现方式可能会改变Prototype类型

注：但是我认为不要依赖prototype的类型做任何判断，象上面的判断应该都要避免Js没有说明prototype类型，只保证是objct 就合法这也是prototype和其他对象不同之处，别的对象可以依赖于instanceof

继承的属性&重新生成的属性

继承在这有两种含义：prototype 继承和通常意义继承（在Definitive guide上称为子类化和超类化，没有称为继承）

Call，apply的使用转换了上下文，所以他们的属性已经不再属于基类也就是父类成员被拷贝到了子类，这不是继承

被继承下来的只是prototype中的属性，但是prototype的第一个值是constructor这也导致基类私有变量被继承。也就昰说基类私有变量在子类有两份，一份是拷贝过来的另一份是继承下来的，虽然实际上copy过来的属性会隐藏继承下来的属性我们一般鈈会访问到但是不是不能访问，这可能会是安全漏洞例子中继承下来的变量可以这样访问：

注：Ma实现只存在拷贝，不存在继承私有变量

我想要的只是prototype，结果一些无用的变量被继承一些默认实现被修改，详细看代码注释

可以看到实现方式不同，继承会有不同的结果洳果不看源码，而用通常实现来理解Ma的继承会产生误解。

我不知道是如何实现Instanceof函数的但是可以推测他的实现，那就是可能用prototypechain

实现的类型识别因为这是惟一可能回溯到基类的地方。这也是Ma的类型不能正确工作的原因

类型辨别功能的缺失，是MA必须提供其他方式来判断来型那就是“反射”，这里的反射也和C＃没有一点关系在Ma中应该优先用反射判断类型，这是唯一准确的方式

MA极大的改进了Js的类型识别，他也必须这样做否则没有别的办法来识别类型。用的也很巧只是在注册namespace或者类时做个记录，却实现了这么强的功能Ms称为

如果不这樣，用下面的实现检测类型会不准确，也很笨拙：

可以把上面的代码看作Ma中反射原形虽然和MA实现不同，但都是基于给obj增加classname属性实现MA嘚registerNamespace，registerclass解析了类型是其他方法能工作的基础。

我加注释的版本注释不是上面的翻译：

代码执行过程不再分析，几个要点：

接下来会写关於scope chaincallobject和闭包的，这些是Js中最头痛的概念我用了一周才明白大概，可能是最后一篇因为MA.js余下的东西都没有什么可说了

}

我们先看一个简单的示例 qml 中只囿一个退出按钮，点击退出应用 qml 文档为 button_quit.qml ，内容如下：

让我们回头再看信号处理器它的名字还有点儿特别，一般是 on{Signal} 这种形式在上节的礻例中， Button 元素有一个名为 clicked() 的信号我们提供的信号处理器是酱紫的：

你看到了，当信号是 clicked() 时信号处理器就命名为 onClicked 。就这么简单以 on 起始後跟信号名字（第一个字母大写）。如果你点击我们的 quit 按钮应用就真的退出了。

上面的示例信号处理器放在拥有信号的元素内部，当え素信号发射时处理器被调用还有一种情况，要处理的信号不是当前元素发出来的而是来自其它类型（对象）比如处理按键的 Keys ，这就昰附加信号处理器

在 QML 语言的语法中，有一个附加属性（attached properties）和附加信号处理器（attached signal handlers）的概念这是附加到一个对象上的额外的属性。从本质仩讲这些属性是由附加类型（attaching type）来实现和提供的，它们可能被附加到另一种类型的对象上附加属性与普通属性的区别在于，对象的普通属性是由对象本身或其基类（或沿继承层级向上追溯的祖先们）提供的

对于附加信号处理器，和前面讲到的普通信号处理器又有所不哃普通信号处理器，你先要知道信号名字然后按照 on{Signal} 的语法来定义信号处理器的名字；而附加信号处理器，信号名字本身已经是 onXXX 的形式你只要通过附加类型名字引用它，把代码块赋值给它即可下面是另外的代码片段：

信号处理器与附加信号处理器有一个共性：响应信號的代码都放在元素内部，通过 JavaScript 代码块就地实现而其实呢， Qt Quick 中还有另外一种方式来处理信号与槽那就是：专业的 Connections 。

前面两节在处理 QML 信號时都是用 on{Signal} 这种就地代码块的方式。而在有些情况下这样的处理并不方便。比如：

你需要将多个对象连接到同一个 QML 信号上
你需要在发絀信号的对象的作用域之外来建立连接
发射信号的对象没有在 QML 中定义（可能是通过 C++ 导出的这很常见）

来看一个实际的示例，是酱紫的：堺面上放置两个文本一个按钮，每点按钮一次两个文本对象都变颜色，而它们的颜色随机的下面是示例代码：

方法构造颜色值来改變两个文本的颜色。

到现在为止我们说的都是如何使用 QML 中已有类型定义的信号。这些信号呢其实又分类两类。一类是由用户输入产生嘚比如按键、鼠标、触摸屏、传感器等，另一类呢是由对象状态或属性变化产生的比如 Image 对象的 status 属性（在《Qt Quick 简单教程》有用到）。那么囿一个问题就是，怎样知道一个对象有哪些信号

首先是查阅 Qt 帮助，你可以使用 Qt 帮助的索引模式以你关心的对象名字为关键字检索，仳如 Button 检索结果如图所示：

从 Qt Quick 头文件查看属性相关的信号

要说呢， Qt Quick 中你看到的很多对象都是 Qt C++ 中实现，然后导入到 QML 环境中的所以呢，如果你关心那些被文档隐藏了的信号可以这么做：

找到 C++ 类型的头文件，查看属性声明来确认是否有信号与属性关联

看看 QQuickText 类的声明吧（我截取了属性部分的几行代码）：

注意啦QML 信号的参数名字，可以直接在信号处理器中访问之前只用没说，这里特意说一下这点如果你通過头文件找属性绑定的信号，就可以观察信号的参数在 QML 中使用。

如果你自己定义新的 QML 类型可以使用 signal 关键字给你的类型添加信号。其语法如下：

这是你的类型通告自己状态的最好的方式符合 Qt 的风格，作为使用 Qt 的开发人员还是崇德向善吧。
信号其实是个方法（函数）所以呢，它的发射实际是通过调用以信号名为名的方法达成的。

举个实例的例子：我们在界面上放一个字符串两个代表颜色的小方块，点小方块字符串的颜色就变成小方块的颜色。先看代码

首先定义了一个 Text 对象id 为 coloredText ，后面会根据这个 id 来改变它的颜色

……如你所见，信号的触发就是一个函数调用
组件是可以重复利用的，一个组件可以在一个单独的 qml 文件中定义也可以嵌入到其它 qml 文档中来定义以方便簡单组件的使用。这里我选择在主 qml 文档内嵌入组件的定义定义好了组件，就可以使用 Loader 来加载组件了

方法，你可以使用它连接到任意的方法上哦有 connect() 就有 disconnect() ，正确 signal 对象的的确确有这两个方法，允许我们使用它维护连接

signal 对象的 connect() 方法允许你连接一个信号到另外一个信号或者方法。其实没差别信号本身也是个方法（函数）。当信号发射时连接到信号上的其它信号或方法就会被调用。

signal 对象的这种连接方式使用起来比信号处理器更加灵活。前面介绍信号处理器时已经提到，信号处理器和信号是一对一的关系而 signal 对象的这种连接方式，使得┅个信号能够连接多个方法

}

（1）类中有4个私有的整型域分別是矩形的左上角坐标（xUp,yUp）和右下角坐标（xDown,yDown）；

（2）类中定义有4个int参数的构造方法，用来初始化类对象；

（3）类中定义没有参数的构造方法在此构造方法中使用this关键字调用上述构造方法，分别为四个参数设置为（5,5）（20,20）；

（4）类中还有以下方法： getW( )——计算矩形的宽度；getH( )——计算矩形的高度；area( )——计算矩形的面积；

}

杰西卡魔网络