document.querySelectorAll('#id').style.color = 'red'; 

function a(selector, color) {
document.querySelectorAll(selector)[].style.color = color
}
a('#a', 'red'); 

function letSomeElementChangeColor(selector, color) {
document.querySelectorAll(selector, color);
} 

function setColor(selector, color) {
xxxxxxxxxxxx
} 

document.getElementById('id').style.color = 'red';
document.getElementById('id').style.fontSize = 'px';
document.getElementById('id').style.backgourdColor = 'pink'; 

function getElement(selector) {
this.style = document.querySelecotrAll(selector).style;
}
getElement.prototype.color = function(color) {
this.style.color = color;
return this;
}
getElement.prototype.background = function(bg) {
this.style.backgroundColor = color;
return this;
}
getElement.prototype.fontSize = function(size) {
this.style.fontSize = size;
return this;
}
//調(diào)用
var el = new getElement('#id')
el.color('red').background('pink').fontSize('px'); 

document.getElementById('id').style.color = 'red';
document.getElementById('id').style.fontSize = 'px';
document.getElementById('id').style.backgourdColor = 'pink'; 

$('id').css({color:'red', fontSize:'12px', backgroundColor:'pink'}) 

//我們規(guī)定，color接受字符串類(lèi)型
function setColor(color) {
if(typeof color !== 'string') return;
dosomething
} 

function fn(json) {
//為必須的參數(shù)設(shè)置默認(rèn)值
var default = extend({
param: 'default',
param: 'default'
......
},json)
} 

//需要同時(shí)改變某個(gè)元素的字體和背景 
// Nightware:
function set(selector, color) {
document.querySelectroAll(selector).style.color = color;
document.querySelectroAll(selector).style.backgroundColor = color;
}
//無(wú)法擴(kuò)展改函數(shù)，如果需要再次改變字體的大小的話，只能修改此函數(shù)，在函數(shù)后面填加改變字體大小的代碼
//Dream
function set(selector, color) {
var el = document.querySelectroAll(selector);
el.style.color = color;
el.style.backgroundColor = color;
return el;
}
//需要設(shè)置字體、背景顏色和大小
function setAgain (selector, color, px) {
var el = set(selector, color)
el.style.fontSize = px;
return el;
} 

function sayBonjour() {
alert(this.a)
}
obj.a = ;
obj.say = sayBonjour;
obj.say();//
//or
sayBonjour.call||apply(obj);// 

function error (a) {
if(typeof a !== 'string') {
console.error('param a must be type of string')
}
}
function error() {
try {
// some code excucete here maybe throw wrong 
}catch(ex) {
console.wran(ex);
}
} 

//nighware
function set(selector, color) {
document.getElementById(selector).style.color = color;
}
//dream
zepto.init = function(selector, context) {
var dom
// If nothing given, return an empty Zepto collection
if (!selector) return zepto.Z()
// Optimize for string selectors
else if (typeof selector == 'string') {
selector = selector.trim()
// If it's a html fragment, create nodes from it
// Note: In both Chrome and Firefox , DOM error 
// is thrown if the fragment doesn't begin with <
if (selector[] == '<' && fragmentRE.test(selector))
dom = zepto.fragment(selector, RegExp.$, context), selector = null
// If there's a context, create a collection on that context first, and select
// nodes from there
else if (context !== undefined) return $(context).find(selector)
// If it's a CSS selector, use it to select nodes.
else dom = zepto.qsa(document, selector)
}
// If a function is given, call it when the DOM is ready
else if (isFunction(selector)) return $(document).ready(selector)
// If a Zepto collection is given, just return it
else if (zepto.isZ(selector)) return selector
else {
// normalize array if an array of nodes is given
if (isArray(selector)) dom = compact(selector)
// Wrap DOM nodes.
else if (isObject(selector))
dom = [selector], selector = null
// If it's a html fragment, create nodes from it
else if (fragmentRE.test(selector))
dom = zepto.fragment(selector.trim(), RegExp.$, context), selector = null
// If there's a context, create a collection on that context first, and select
// nodes from there
else if (context !== undefined) return $(context).find(selector)
// And last but no least, if it's a CSS selector, use it to select nodes.
else dom = zepto.qsa(document, selector)
}
// create a new Zepto collection from the nodes found
return zepto.Z(dom, selector)
} 

//注釋接口，為了演示PPT用
function commentary() {
//如果你定義一個(gè)沒(méi)有字面意義的變量時(shí)，最好為它寫(xiě)上注釋?zhuān)篴：沒(méi)用的變量，可以刪除
var a;
//在關(guān)鍵和有歧義的地方寫(xiě)上注釋?zhuān)q如畫(huà)龍點(diǎn)睛：路由到hash界面后將所有的數(shù)據(jù)清空結(jié)束函數(shù)
return go.Navigate('hash', function(){
data.clear();
});
}