`
daoger
  • 浏览: 529731 次
  • 性别: Icon_minigender_1
  • 来自: 山东济南
社区版块
存档分类
最新评论

javascript使用八卦

阅读更多
关键时刻,一毛钱也能难死英雄汉!编程中有些细节问题也会让你浪费很多时间。


今天看别人的代码的时候,看到了这样一种写法:

var a = function(){......}();

省略号代表部分代码。


开始时我没看明白这事什么意思,经一个js大虾网友点拨后才明白,这只是一种js对象编程的代码简化。

例如:

add = function(){
       return 2+3;
}
var _i = add();

运行后,_i的值是5。你可以把上面的这段代码这样写:

var _i = function(){return 2+3;}();

当方法代参数的情况下呢?

例如:

add = function(a,b){
           return a+b;
}
var _i = add(2,3);


此时_i的值仍然是5。这个时候需要对add函数进行定义后才能使用;可别把代码简化成这样:

var _i = function(2,3){return a+b;}();

呵呵!不过,你可以这样写:

var _i = function(){return add(2,5);}();

或者

var _i = function(){return new Function("return add(2,5);")}()();

但是你实际编程的时候可别这样写,呵呵!

这个时候赋给_i的都是函数运行后的结果。


我们也可以赋给它一个对象,这次我们换一个写法:

var _i = function(){
            return {add:function(a,b){return a+b;}};
}();
alert(_i.add(2,3));

这个时候_i就是一个对象,而add是它的一个函数属性,是这个对象的一部分,_i.add(2,3)的返回值仍然是5。


这种编程表达方式的好处就是声明和定义同步,节省代码量,例如:

var _i = function(){
	return {
		add:function(a,b){return a+b;},
		minus:function(){return _i.add(2,3)-1;}
	};
}();
alert(_i.minus()));

上面程序运行后,弹出返回值4。


有些八卦,不过希望能对你的js编程有所帮助!


3
0
分享到:
评论
2 楼 smalljeff 2008-10-20  
好像在prototype里看到过这写法。
1 楼 wangse 2008-07-04  
不错,学习了!

相关推荐

    八卦时钟源代码.rar

    这个项目通常由程序员使用编程语言如Python、JavaScript或者C++等编写,通过计算和图形化表示,将时间转换成八卦符号的形式。 在编程领域,八卦时钟的实现涉及以下几个核心知识点: 1. **时间处理**:首先,开发者...

    12行javascript代码绘制一个八卦图

    标题中的“12行javascript代码绘制一个八卦图”是指使用JavaScript编程语言,通过短短的12行代码来创建一个八卦图形。八卦图是中国传统文化中的一种符号,通常与易经相关联,由八条直线组合而成,每条直线代表不同的...

    抖音八卦时钟

    接着,我们可以使用JavaScript获取这个画布的2D渲染上下文,通过`document.getElementById('myCanvas').getContext('2d')`得到一个`CanvasRenderingContext2D`对象,这个对象提供了绘制线条、填充形状、设置颜色等...

    jQuery八卦图算风水时钟插件

    同时,可能还涉及到时间和日期的处理,如使用JavaScript内置的`Date`对象获取当前时间,并根据风水原理进行解释和展示。 总的来说,"jQuery八卦图算风水时钟插件"是传统文化与现代Web技术的一次精彩碰撞,它不仅...

    jQuery八卦图背景时钟代码.zip

    在代码实现上,开发者可能会使用八卦的八种基本卦象(乾、坤、震、巽、坎、离、艮、兑)来表示小时、分钟,通过动态调整卦象的位置和颜色,模拟时针和分针的转动。 总的来说,"jQuery八卦图背景时钟代码"是一款将...

    利用HTML和CSS制作一个八卦图.md

    为了让八卦图更加生动,可以考虑使用JavaScript来添加旋转动画。这里提供一种简单的方法来实现旋转效果: 1. **使用CSS3 Transform**: 利用`transform`属性实现旋转。 ```css .circle { transition: transform ...

    时间罗盘(类型八卦的时间罗盘).zip

    开发者可能使用了编程语言如Python、JavaScript或C++来编写逻辑,通过计算当前时间并将其转化为八卦符号对应的表示。例如,每一卦象可能对应一天中的某个时段,或者一周中的某一天。同时,还需要设计相应的算法来...

    splay:用JavaScript编写的八卦树

    八卦 用JavaScript编写的splay-tree数据结构的实现。 散发树是一种自我调整的二叉搜索树,它在每次操作后都使用启发式方法进行自我调整,并且无需在节点上存储额外的信息即可恢复平衡(节省一些空间)。 从某种意义...

    jQuery八卦图背景时钟代码

    接着,使用JavaScript获取本地时间,根据时间的小时和分钟,计算出对应的八卦卦象。最后,通过jQuery修改卦象的样式或者添加动态效果,以显示当前时间。 为了实现八卦图的动态更新,开发者可能使用了setInterval...

    八卦街源码

    在八卦街源码中,我们预计会看到SpringMVC如何处理HTTP请求,如何将这些请求映射到控制器方法,以及如何使用模型对象来传递数据到视图层。同时,SpringMVC还支持依赖注入,使得组件之间可以松散耦合,便于测试和维护...

    基于HTML5 + css3 技术实现一个八卦阵.zip

    开发者可能使用了`canvas`的绘图API,如`fillRect()`、`strokeRect()`等方法来绘制八卦图的各个部分。 2. `<audio>`和`<video>`元素:虽然“八卦阵”项目主要涉及图形展示,但HTML5的多媒体元素也可能用于增强用户...

    jQuery八卦图背景时钟特效代码

    接下来,使用jQuery编写JavaScript代码,获取当前系统时间,并将其转换成适合八卦图展示的格式。这可能涉及到小时、分钟和秒的计算,以及根据时间变化动态更新八卦图上对应的位置或颜色。 此外,"images"目录可能...

    基于PHP的仿秀色猎奇八卦门户网.zip

    1. **前端界面**:使用HTML、CSS和JavaScript构建,可能使用Bootstrap或其他前端框架提升响应式设计和用户体验。 2. **后端逻辑**:主要由PHP实现,处理用户请求,执行业务逻辑,与数据库交互。 3. **数据库设计**:...

    网页版乾坤八卦风水罗盘旋转CSS3动画HTML

    6. **交互事件处理(Event Handling)**:使用JavaScript或jQuery,可以添加更多的交互功能,如点击罗盘某个区域触发特定动作,或者根据用户输入调整罗盘的旋转速度。 通过上述技术,这个网页版的乾坤八卦风水罗盘...

    八卦新闻网_jsp.zip

    八卦新闻网_jsp.zip 是一个与Java毕业设计相关的项目,它主要使用了Servlet技术来构建一个动态网站。在Java世界中,Servlet是用于扩展服务器功能的一种技术,尤其在处理HTTP请求时,它扮演着核心角色。这个项目可能...

    bagua:一个简易的八卦图

    在"bagua"项目中,JavaScript可能被用来动态生成八卦图,或者根据用户交互改变图的显示。例如,可以编写函数来计算和设置卦象的位置,或者响应用户的点击事件,显示卦象的详细信息。如果项目使用了现代前端框架,如...

    html-css-js-demos:用ccs3制作一个八卦图

    【标题】:“html-css-js-demos:用ccs3制作一个八卦图”指的是一个使用HTML、CSS和JavaScript技术实现的在线示例项目,其目的是创建一个具有八卦样式布局的图形。八卦图通常由八片相互连接的扇形区域组成,常常用于...

    PHP实例开发源码——php仿秀色猎奇八卦门户网.zip

    9. **AJAX技术**:为了提供更好的用户体验,页面可能采用了AJAX异步更新,使用JavaScript和XMLHttpRequest对象与服务器进行通信。 10. **安全性**:包括防止SQL注入、XSS攻击等,通过预处理语句、过滤用户输入等...

    html+css实心罗盘时钟特效

    需要确保所使用的CSS和JavaScript特性在主流浏览器中都能正常工作。对于一些较新的特性,可能需要引入polyfill或使用fallback方案。 通过以上技术的结合,我们可以创建出一个交互性强、视觉效果丰富的实心罗盘时钟...

Global site tag (gtag.js) - Google Analytics