js if else优化方法

条件语句
在您编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。

在 网页特效 中,我们可以使用下面几种条件语句:

if 语句
在一个指定的条件成立时执行代码。
if...else 语句
在指定的条件成立时执行代码,当条件不成立时执行另外的代码。
if...else if....else 语句
使用这个语句可以选择执行若干块代码中的一个。
switch 语句

if 语句
如果希望指定的条件成立时执行代码,就可以使用这个语句。

语法:

if (条件)
{
条件成立时执行代码
}
注意:请使用小写字母。使用大写的 if 会出错!

实例 1

<script type="text/javascript">
//write a "good morning" greeting if
//the time is less than 10

var d=new date()
var time=d.gethours()

if (time<10)
{
document.write("<b>good morning</b>")
}
</script>实例 2
<script type="text/javascript">
//write "lunch-time!" if the time is 11

var d=new date()
var time=d.gethours()

if (time==11)
{
document.write("<b>lunch-time!</b>")
}
</script>

注意:请使用双等号 (==) 来比较变量!

注意:在语法中没有 else。仅仅当条件为 true 时,代码才会执行

一、使用常见的三元操作符

复制代码 代码如下:

 

<html>
<body>

<script type="text/javascript">
var d = new date()
var time = d.gethours()

if (time < 10)
{
document.write("<b>早安</b>")
}
else
{
document.write("<b>祝您愉快</b>")
}
</script>

<p>本例演示 if...else 语句。</p>

<p>如果浏览器时间小于 10,那么会向您问“早安”,否则会向您问候“祝您愉快”。</p>

</body>
</html>

if (foo) bar(); else baz(); ==> foo?bar():baz();
if (!foo) bar(); else baz(); ==> foo?baz():bar();
if (foo) return bar(); else return baz(); ==> return foo?bar():baz();

对于以上使用三元操作符来优化if语句你肯定不会陌生,或许你经常使用它。

二、使用and(&&)和or(||)运算符

复制代码 代码如下:

if (foo) bar(); ==> foo&&bar();
if (!foo) bar(); ==> foo||bar();

老实说,我并没有这样去写过代码,这种写法我在学习《鸟哥的 linux 私房菜》时看到过,但我并没想到在js中实现它。

三、省略大括号{}

复制代码 代码如下:

if (foo) return bar(); else something(); ==> {if(foo)return bar();something()}

这种写法你我都很熟悉,但我建议在代码优化的时候这样做,或者交给uglifyjs帮你去解决。毕竟少一个大括号,代码的可阅读性并不高。

写到这里,我想到jquery之父在《精通 javascript》中的一个获取html元素属性的方法。
复制代码 代码如下:

function getattr(el, attrname){
var attr = {'for':'htmlfor', 'class':'classname'}[attrname] || attrname;
};

如果我们不这样写,可能我们需借助于两个if语句来进行处理,而上面的代码不仅简洁有效,而且可阅读性强。

时间: 2024-08-02 04:41:35

js if else优化方法的相关文章

学会反思 让优化方法在检讨中进步

失败不是成功之母,只有反思和检讨才是,因为学会反思和检讨才能发现自己不足,也只有不断的反思和检讨才会让自己不断进步.这个道理也同样适用于网站优化,有些人认为网站优化核心方法无外乎这么几条,牢牢掌握了并认真去做了就行了.持有这种观点无可厚非,但是我们知道,面对各种层出不穷的优化手段,搜索引擎也在不停的调整改变自己的算法,一些原本行之有效的方法也许将不再奏效.作为网站建设和网站优化者,唯一能做到的就是保持平和心态,并学会反思,让优化方法在检讨中进步. 一.学会反思是应对搜索引擎算法不断调整的需求 搜

浅谈Dede建站系统的SEO优化方法

DEDE建站系统是非常受欢迎的,而且还是免费的,所以很多人都选择dede系统来做网站,可是dede系统的优化却不简单,很多人因此并不能够将网站做到很好的排名,下面就让笔者来给大家介绍有关优化DEDE系统的方法! 一:标题优化方法 如果大家使用默认的模式,那么网站看起来非常的难看,所以有必要把站点名称作为标题的优化,看看下面的修改方法! 列表页,频道页标题写成 栏目名称-seo标题-网站名称即<title>{dede:field.title/}-{dede:field.seotitle /}-{

页面性能优化方法以及原理

问题描述 页面性能优化方法以及原理 页面性能优化方法都有哪些,以及背后的原理,请大神帮我解释一下 解决方案 负载均衡 cdn 页面缓存 预编译 解决方案二: 找**高性能网站建设指南.pdf**这本书看看 解决方案三: css放头部,js放尾部,静态资源使用其他域名,使用强缓存配合自动化构建,js模块化,js.css压缩,开启gzip压缩,cdn,反向代理,页面静态化--

正则表达式性能优化方法(高效正则表达式书写)_正则表达式

这里说的正则表达式优化,主要是针对目前常用的NFA模式正则表达式,详细可以参考:正则表达式匹配解析过程探讨分析(正则表达式匹配原理).从上面例子,我们可以推断出,影响NFA类正则表达式(常见语言:GNU Emacs,Java,ergp,less,more,.NET语言, PCRE library,Perl,PHP,Python,Ruby,sed,vi )其实主要是它的"回溯",减少"回溯"次数(减少循环查找同一个字符次数),是提高性能的主要方法. 我们来看个例子:

lnmp环境安装配置后优化方法小结

Lnmp配置优化 一. 基于xen架构的可以增加swap分区大小我的vps是openVZ的,swap分区是不能随意更改的.PS.主机商已经提供了128M的swap了.满足了!  代码如下 复制代码  cd /var/ dd if=/dev/zero of=swapfile bs=1024 count=262144 /sbin/mkswap swapfile /sbin/swapon swapfile 然后让自己做的swap分区在系统启动时自动加载:  代码如下 复制代码 vi /etc/fsta

网站优化常见错误观点方法及优化方法

网站优化常见错误观点方法及优化方法 1.频繁修改网站的title,keyword,description. 那个时候做站,看到网络上今天这个关键字搜索不错,明天那个关键字搜索不错,就总是匆匆的改个题目啊,改个关键字啊,改个说名什么的.这一改不要紧,本来收录了很多的页一下都没了,本来在搜索能排在前2页的,一下就找不到哪里去了--后来在A5上,以及网络上学习其他只是才知道,这种情况估计是网站被降权甚至是被K了--当时那叫一个伤心啊...在这里奉劝各位新站长,千万不要把keyword,descript

网页页面代码体积大小对SEO的影响及优化方法

网页页面代码体积大小对seo教程的影响及优化方法 那么一个页面的代码体积应该控制在多大之内呢? 这个似乎没有定论.我建议是控制在35k至100k左右就可以了,当然在保证其他条件的情况下页面越小越好.我们先来澄清下这里的页面体积是一个什么样的概念.有些seo新手可能会问,如果我的页面html源代码有30k,其中页面上还有两张图片,分别为100k和80k,还有一个外部引用的css教程文件,有15k大小,该页面上还放着一个2m的音频文件,那么这个页面体积有多大?多数人承认这个页面大小是30k.认为页面

VPS小内存优化方法总结(linux/nginx)

先使用:ps aux 查看各进程内存使用情况. php-fpm的重启/关闭 php 5.3.3 下的php-fpm 不再支持 php-fpm 以前具有的 /usr/local/php/sbin/php-fpm (start|stop|reload)等命令,需要使用信号控制: master进程可以理解以下信号 INT, TERM 立刻终止 QUIT 平滑终止 USR1 重新打开日志文件 USR2 平滑重载所有worker进程并重新载入配置和二进制模块 示例:  代码如下 复制代码 php-fpm

实例分析门户站搜索引擎排名优化方法

以TOM.COM门户站来讲述搜索引擎排名优化方法 一.目的: 提高TOM网站页面在google.百度.雅虎等搜索引擎中的搜索结果排名,提升从搜索引擎获得的流量. 二.优化工作的几个方面 2.1优化全站网页,按照底级页模板.专题模板.频道模板.TOM首页模板顺序修改:由频道编辑和技术工程师共同完成 2.2优化站外合作(友情)连接:由频道编辑完成 2.3 优化和频道相关的搜索引擎热门关键词.时效性热门内容:由频道编辑完成 2.4 将动态页面URL静态化(应用Apache的mod_rewrite模块)