var articleTitle = 'javascript變量命名規(guī)范'

const COUNTRY_NAME = 'China'

var person = {
    name: 'Frank'
}
var student = {
    grade: 3,
    class: 2
}
var juniorSchoolStudent = {}

var person = {
    alive: false, // 如果是形容詞，前面就沒(méi)必要加is，比如isAlive就顯得冗余
    canSpeak: true, //情態(tài)動(dòng)詞有can、should、will、need等，情態(tài)動(dòng)詞后面接動(dòng)詞
    isVip: true, // be動(dòng)詞有is、was等，后面一般接名詞
    hasChildren: true, // has加名詞
}

var dialog = {
    showTitle: true, // 又例如vue框架中，v-show="showTitle"
    hideHeader: false, // 又例如angular框架中，ng-hide="hideHeader"
    loadFooter: true, // 又例如vue框架中，v-if="loadFooter"
}

var person = {
    run(){}, // 不及物動(dòng)詞
    drinkWater(){}, // 及物動(dòng)詞
    eat(foo){}, // 及物動(dòng)詞加參數(shù)（參數(shù)是名詞）
}

document.getElementById('domId')
function findArticleByName(articleName) {}

button.addEventListener('click', onButtonClick)
var component = {
    beforeCreate(){},
    created(){},
    beforeMount(){},
    mounted(){},
    beforeUpdate(){},
    updated(){},
    activated(){},
    deactivated(){},
    beforeDestroy(){},
    destroyed(){}
}

class MyArticle {}
 
function Person (name) {
    this.name = name
}

class Person {
    // 私有屬性 
    _name;

    // 公共方法
    getName() {
        return this._name;
    }
    // 公共方法
    setName(name) {
        this._name = name;
    }
}

function getSongs(){
    return $.get('/songs).then((response){
        div.innerText = response.songs
    })
}

function getSongsAndUpdateDiv(){
    return $.get('/songs).then((response){
        div.innerText = response.songs
    })
}

function getSongs(){
    return $.get('/songs)
}
function updateDiv(songs){
    div.innerText = response.songs
}
getSongs().then((response)=>{
    updateDiv(response.songs)
})

var flag = false; // 可以改成更有實(shí)際含義的 isValid、 hasPermission
var obj = {}; // 可以改成更有實(shí)際含義的 currentTask、 newItem