编写可维护的js代码

// 合法的代码
function sayHello(){
　　console.log('hello world')
}

// 合法的代码

function sayHello(){
　　console.log('hello world');
}

callFunction(document,element,windiw,"some string value",true,123,
         navigation);

// 好的用法
var person=null;
// 好的用法
function getPerson(){
    if(condition){
        return new Person("Nicholas");
    }
    else{
        return null
    }
}

// 好的用法
function getPerson(){
    if(person！==null){
        getMag();
    }
    
}
// 不好的写法：用来和初始化的变量比较
var person;
if(person!==null){
    getMag();
}

// 不好写法：检测是否传入了参数
function getArr(arg,agr2,agr3,agr4){
    if(arg4!==null){
        getMag();
    }
}

undefined不全等于null

null==undefined  // true
null==undefined  // false
typeof undefined // "undefined"
typeof null // object

// 好的写法:留有空行,及正确的缩进
if(condition){
    
    // 代码执行到这里,则表明通过了所有的安全性检查
    allowed();
}
// 不好的写法:没有空行及错误的缩进
if(condition){
// 代码执行到这里,则表明通过了所有的安全性检查
    allowed();
}
// 好的写法
var result=something +sometimes; // 是的就是这么写

// 不好的写法: 代码和注释之间没有间隔
var result=something +sometimes;// 是的就是这么写

// 好的写法:代码段使用单行注释
// if(condition){
//    flag=true;
//    allowed();
// }

// 不好的写法:这里应该使用多行注释
// 集体那第五次
// 集体那第五次
// 集体那第五次
// 集体那第五次
// 集体那第五次

if(condition){
    
    /*
    * 代码执行到这里,则表明通过了所有的安全性检查
    */
    allowed();
}

switch (condition){
case "first":
    break;
case "second":
    break;
default:
    // 代码
}

switch (condition){

// 这里的连续执行没注释,会给出警告
case "fisrt";
case "second":
    break;
    
// 这里不会给出警告
case "third":
    // 代码
    // fall through
default:
    // 代码
}

for (item in obj){
    if(obj.hasOwnProperty(item)){
        console.log("Property is "+item);
        console.log("Property value is "+obj[item]);
    }
}

console.log(5==="5"); // true 把字符串转为了数字来进行比较

// 原生写法
element.className+="reveal";

// h5中的写法
element.ClassList.add("reveal");

html部分:
<ul id="mylist">
        <!-- <li id="item%s"><a href="/item%s"></a></li> -->
        <li><a href="/item/2"></a></li>
        <li><a href="/item/3"></a></li>
        <li><a href="/item/4"></a></li>
    </ul>
javascript部分:
        var mylist=document.getElementById("mylist"),
        templeText=mylist.childNodes[0].nextSibling.data;
        function sprintf(text){
            let i=1,args=arguments;
            return text.replace(/%s/g,function(){
                return (i<args.length) ? args[i++]:'';
            })
        }
        function addItem(url,text){
            var mylist=document.getElementById("mylist"),
            templeText=mylist.childNodes[0].nextSibling.data || "";
            console.log(templeText);
            result=sprintf(templeText,url,text);
        }
        // 这段中%s是占位符
        var li='<li><a href="%s"></a></li>'
        // console.log(sprintf(li,"我也是","是啊是啊","我的"));
        addItem("/5","/five item");

检测原始类型最好的方式是用typeof运算符
· 检测字符串 typeof 返回的是string
* 对于数字 返回的是 number
* 对于布尔值 返回的是布尔值
* 对于undefined 返回的是 undefined
* 对于null 返回的是 object
* NaN返回的是number

// 检测字符串
if(typeof name==="string"){
    return true;
}
// 检测数字
if(typeof count==="number"){
    return true;
}
// 检测布尔值
if(typeof flag==="boolean"  &&flag){
    return true;
}
// 检测undefined
if(typeof myApp==="undefined"){
    return true;
}

value instanceof construtor

// 检测日期
if(value instanceof Date){
    console.log(value)
}
// 检测正则
if(value instanceof RegExp){
    console.log(value)
}

var now=new Date();
console.log(now instanceof Object); // true
console.log(now instanceof Date); // true

function Fuc(){}
console.log(typeof Fuc==="function"); // true

console.log(document.getElementById); //"object"
console.log(document.getElement); //"object"
console.log(document.getElementByTagName); //"object"

var arr=[];
Array.isArray(arr); // true

function isArray(value){
    return Object.prototype.toString.call(value)==="[object Array]"
}

// 如果是json对象的话,返回的则是[object,JSON]

var obj={
        count:0,
        retlated:null
    }
    console.log("count" in obj);