详解JavaScript的另类写法

(function(){})();

;function(){}();

+function(){}();

 var a1 = 1.23
 ~~a1
1
 var a2 = 2.345
 a2|0
2
 var a3 = -3.45
 ~~a3
-3
 var a4 = -4.5
 a4|0
-4

if (a===1) { //此处强烈建议用严格等于符号“===”，不会进行类型转换
a=2
} else if (a===3) {
a=4
} else {
a=5
}

((a===1)&&(true,a=2))||((a===3)&&(true,a=4))||(a=5)

(a===1 )"htmlcode">

var template = "<div>" 
+ "<h2>{title}</h2>"
+ "<div class='content' yAttr=''>{content}</div>"
+ "</div>"


如果再添加各种属性和参数进去，大、小引号混乱很容易报错。然而ES6提供了Template String帮我们解决了这个问题，你可以这样写：


var template = <div> 
<h2>{title}</h2> 
<div class='content' yAttr=''>{content}</div> 
</div>


 可问题是ES6现在还未正式来啊…不怕，function.toString来解决我们青黄不接时的尴尬：


var rComment = /\/\*([\s\S]*"color: #0000ff">添加AMD模块支持，提示代码B格

给你写的代码声明一下AMD（异步模块定义，Asynchronous Module Definition）模块规范，这样别人就可以直接通过AMD的规范来加载你的模块了，如果别人没有通过规范来加载你的模块，你也可以优雅地返回一个常规的全局对象。来看看jQueryUI的写法：


(function( factory ) { 
if ( typeof define === "function" && define.amd ) { 
// AMD模式。且依赖"jQuery"这个插件 
define( [ "jquery" ], factory ); } 
else { 
// 浏览器全局模式 
factory( jQuery ); 
} 
}(function( $ ) { 
// 这里放模块代码 
return $.widget; 
}));


改成AMD模块的结构，让你的代码更适于浏览器端加载脚本依赖，按照这种格式来写代码，保证别人一看代码就知道你是个专业的开发者。
继承最优法
JavaScript的灵活性，大大小小的继承方式有十余种之多。每种写法优缺点各异，各家方法不一一列举，举个常用的继承方法为例，原型继承：


function Parent() {}
function Child() {}
Child.prototype = Parent.prototype
Child.prototype.constructor = Child ；


这种这种方法实际上是将Child.prototype和Parent.prototype中保存的指针指向了同一个对象，所以子对象原型中扩展一些属性以便之后继续继承的话，父对象的原型也会被改写。所以为了解决这个问题，尝试借用一个临时构造器的写法：


function Empty(){}
Empty.prototype = Parent.prototype;
Child.prototype = new Empty();
Child.prototype.constructor = Child;


这样父对象的自身属性和原型方法得到保护。“最优”有点夸大，但是是相比较而言的。相信每个人都有自己的写法，还有借用call和apply实现属性继承的优缺点，篇幅有限不一一介绍。
总结


上述所有的JavaScript的另类写法，一些是为了程序易懂或者效率提高的语法糖，这样的做法是比较可取的，比如前面所说的省略if-else的做法。一些是为了提升我们代码的兼容性和性能，比如AMD和继承的方式。……本人菜鸟一枚，上述内容肯定还有不全和没解释透彻的地方以后再补充。


以上内容是针对JavaScript的另类写法的相关介绍，希望对大家有所帮助！