第八章 一个画线的封装事例

先回答上一章的问题:

两者的区别就是,一个是复制一份,一个是建立一个指向property.函数的一个指针

下面我们看一个画线的事例.这里大家可以打开我的另一篇文章《js画线》。快捷通道

整个函数的结构

(function () {
       var h5 = function (d, c, r) {//参数为容器ID
           return new h5.divline(d, c, r);
       };
 
       h5.divline = function (d, c, r) {//参数为容器ID
           this.o;
           this.iso = false;
           this.lcolor = "#FF0000"; //默认颜色
           this.lr = 0
           if (d != null) {
               if (isExist(d)) {
                   this.o = document.getElementById(d);
                   this.iso = true;
                   if (c != null) this.lcolor = c;
                   if (r != null) this.lr = r; ;
               }
           }
       };
       h5.divline.prototype.line = function () {
           if (this.iso == true) {
               var numargs = arguments.length;
               if (numargs >= 2) {
                   for (var i = 0; i < numargs - 1; i++) {
                       //l(arguments[i], arguments[i + 1], this.lr, this.lcolor, this.o);//画线
                   }
 
               }
           }
       }
       window.draw = h5;
   })();

这里大家可以考虑下

this.o;
this.iso = false;
this.lcolor = "#FF0000"; //默认颜色
this.lr = 0;

这几个变量是否可以这样定义:
var o;
var iso = false;
var lcolor = "#FF0000"; //默认颜色
var lr =0;

到这里 本系列的文章暂时结束了,因为在写作的过程我发现巨大的差距,所以后续的两章,我需要一段时间的准备;
这个系列的文章写完后,我准备发布自己的asp.net框架,仿照MVC,但是比MVC简单很多,适合做小型项目:-),到时候希望大家拍砖

 
posted @   吹鱼算法  阅读(279)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示