javascript开发经验小结

javascript 面向对象的编程方法

对象声明:

1。 var MapX = {};

2。 var XLngLat = new Class();

3.//菜单项对象。

function MenuItem(id,text,clickEvent,accelerator)

//指定菜单项属性,ID,中文名,单击事件快捷键。

{}

对象的属性赋值:

1.MapX.ID = "MapX";

2.XMap.ContainerID= "XMapContainer";

  1. this.id=id;

对象的方法实现:

1。MapX.$ = function(ParentElement){.....}

2。XLngLat.prototype = {

Create: function(lng, lat){....},

Clone: function(other){....},

IsEqual: function(other){....}

};

  1. //判断父目录。

MenuItem.prototype.isParentOf=function (owner){.....}

在javascript脚本编写的过程中,

javascript的解释器对语句的结束符分号没作特定要求。也就是

说语句结束时加上分号与不加分号,均符合语法要求。但在使用

压缩工具对javascript的脚本进行压缩时,对该分号要求必须写,否则

压缩是失败的。因此强烈建议写语句时,每处都加上分号。

javascript允许为对象动态地添加或删除属性。所以引用属性时,一定要判断。

假设有a,b,c三个对象,且b是a的一个属性,c是b的一个属性,当引用c时,

写作 a.b.c 。

如果只是c 不存在,甚至 b 不存在时,会有逻辑错误,应该进行相应的判断。

写法如下:

if(a.b!=null&&(a.b.c!=null))

为使用的变量明确其作用域,在作用域内,使用完毕,令其指向空值。

如a=null;

为了能在页面关闭时,用GC(垃圾回收器回收对象所占的内存空间)。

否则会产生内存泄漏的问题。

this这个特殊变量的指向。在哪个对象内,都指向当前的对象。

相关推荐
黄贵根5 小时前
JavaScript实现教培行业意向登记系统
开发语言·javascript·ecmascript
zzzzzz3109 小时前
从 react-bits 看动效组件化:别把视觉效果写成一次性页面代码
javascript·react.js·开源
用户938515635079 小时前
React Context 与自定义 Hook 从底层到实践:「跨层级通信 + 副作用封装」全解析
前端·javascript·react.js
滴滴答答哒9 小时前
VUE3+element-plus MultiSelect 多选下拉组件
前端·javascript·vue.js
其美杰布-富贵-李9 小时前
04 watch 与 Vue 响应式数据流
前端·javascript·vue.js
kyriewen12 小时前
我排查了一个React内存泄漏——罪魁祸首是这3个被忽略的清理函数
前端·javascript·面试
其美杰布-富贵-李13 小时前
03 ref、reactive 与 computed 响应式数据
前端·javascript·vue.js
用户9385156350713 小时前
useRef + Web Worker 实战:React 如何优雅地拥抱多线程
前端·javascript·react.js
嘟嘟071713 小时前
useRef + Web Worker:React 中的耗时计算不卡页面
javascript·vue.js