简单但很强大的javascript技巧

摘要: 简单但很强大的javascript技巧

一、强大的javascript常用表达符||和&&

先来看两个例子：

例子1：

设置默认值：

function documentTitle(theTitle){
​    if (!theTitle) {
theTitle  = "Untitled Document";
}
}

用这个代替：

function documentTitle(theTitle){
theTitle  = theTitle || "Untitled Document";
}

例子2：

代替这个：

function isAdult(age) {
if (age && age > 17) {
return true;
}
​else {
return false;
}
}

用这个：

function isAdult(age) {
return age && age > 17 ;
}

更多的使用方法！

例子3:

代替这个：

if (userName) {
logIn (userName);
}
else {
signUp ();
}

用这个：

userName && logIn (userName) || signUp ();

解释：

如果uerName是真，就会调用参数为userName的logIn函数。
如果userNsme是假，就会调用signUp函数。

例子4：

代替这个：

var userID;
​if (userName && userName.loggedIn) {
userID = userName.id;
}
​else {
userID = null;
}

用这个：

var userID = userName && userName.loggedIn && userName.id

解释：

如果用户名是真，运行userName.loggedIn并且验证其真假性；如果其为真，则获取userName.id。
如果userName是假，返回null。

二、强大的立即执行函数表达式

例子：

(function () {
// Do fun stuff​
}
)()

实例：

(showName = function (name) {console.log(name || "No Name")}) (); // No Name​
​
showName ("Rich"); // Rich​
showName (); // No Name