1、js有物件嗎，如果有物件，如何建立物件，物件裡面的內容又是什麼。

答：js有物件，通過 new 函式名建立物件，物件裡面的內容是prototype上的內容下面我們案例測試

window.onload= function () {
    function  Person(){
       var name="aa";
        var id=1;
    }
    var person=new Person();
    console.log(person);
    console.log(Person.prototype);
}

我們檢視函式person.prototype上面的屬性發現是和person物件中prototype中的屬性一致

由此我們可以總結出js建立的物件是函式prototype上的內容，

prototype上的內容是個json資料。

2、函式的第二個特性，js函式可以動態新增屬性，而且新增到prototype
上面的屬性是可以被物件繼承的，沒有新增到prototype上面函式物件不可
能被繼承。下面我們來看個案例

window.onload= function () {
    function  Person(){
    }
    var person=new Person();
    person.name="nike";
    Person.prototype.id=1;
    var person1=new  Person();
    console.log(person.name);//js一大特性物件可以動態新增屬性
    console.log(person.id);
    console.log(person1.id);//物件通過prototype新增屬性可以實現繼承
    console.log(person1.name);//沒有通過prototype不能繼承，會報錯
    person.prototype.id=1;//<span style="color:#ff0000;">因為prototype中的屬性是個json資料，</span>
 

<span style="color:#ff0000;"></span><pre name="code" class="html" style="font-size: 30px;"><span style="color:#ff0000;"><span>	</span>//而json物件中不具有prototype屬性，所以報錯</span>

}

3、動態新增屬性的運用，我們知道 面向物件的語言有一個標誌，即擁有類的概念，而類有一個特性就是有包名，但是在js中沒有包的概念，

但是通過js物件可以動態新增屬性的原理，我們可以自定義名稱空間。下面我們來看一個實現名稱空間的小案例

    function namespace(namespaceString){
        var temp = [];//聲明瞭一個空的陣列
        var array = namespaceString.split(".");
        for(var i=0;i<array.length;i++){
            temp.push(array[i]);
            /**
             * 把多個json物件添加了window上
             */
            eval("window."+temp.join(".")+"={}");
            //把多個function新增到了window上
            //eval("window."+temp.join(".")+"=function(){}");
        }
    }
    namespace("jsu.java.xiaozuo");
    jsu.java.xiaozuo.test=function(){
        console.log("小左");
    };
    jsu.java.xiaozuo.test();

}

4、上面我們提到了prototype屬性實現繼承，那麼現在我們開始深入瞭解下繼承，我們知道java實現面向物件程式設計無非就是多型繼承機制。那麼在js中如何實現

將父親的東西給兒子呢，下面我將通過prototype特性一個小案例，將已有的新增到新新曾的屬性中去，這裡描敘的不是很清楚（大家看案例消化）。我感覺在這裡這麼說可以更好的理解，就是將幾個物件組合（或者叫合併機制）；想必看過程式設計思想的也知道面向物件中也有組合這種思想。

namespace("jsu.java.xiaozuo");
jsu.java.xiaozuo.extend = function(destination,source){
    if(typeof destination == "object"){//destination是一個json物件
        if(typeof source == "object"){//source是一個json物件
            //把source中的每一個key,value值賦值給destination
            for(var i in source){
                destination[i] = source[i];
            }
        }
    }
    if(typeof destination == "function"){
        if(typeof source == "object"){
            for(var i in source){
                destination.prototype[i] = source[i];
            }
        }
        if(typeof source == "function"){
            destination.prototype = source.prototype;
        }
    }
    return destination;
}
var destination = jsu.java.xiaozuo.extend({
    cc:'cc'
},{
    aa:'aa',
    bb:'bb'
});

console.log(destination.aa);


var destination2= jsu.java.xiaozuo.extend(destination,{
    dd:'dd'
});
console.log(destination2.aa)
console.log(destination2.dd)

5、下面簡單介紹下回調，個人水平有限，只是知道分裝的ajax不知道得到返回結果應該怎麼樣處理，這種業務邏輯就應該由程式設計師去制定，那麼我們可以在方法中傳遞一個函式，在方法內部，當得到結果時執行該函式（個人與java相比的話，與java中的泛型目的類似，當我們在寫基類時，確實不知道子類將傳遞一個什麼給我們的時候，這時候泛型就幫我們解決了這個問題）

如jquery中的$("").post(url,type,function); 應用場景可以這麼理解吧，當我們在分裝一個通用的功能時，但是在函式內部某些業務邏輯我們不知道怎麼做時，這是我們就可以運用回撥函式解決這個問題。

6、下面接著另外一個重要的知識點。

閉包的概念：

閉包就是能夠讀取其他函式內部變數的函式。由於在Javascript語言中，只有函式內部的子函式才能讀取區域性變數，因此可以把閉包簡單理解成"定義在一個函式內部的函式"。

說了概念大家可能有點悶，下面我就兩個應用場景來講下閉包的重要性，
 （1）繼承的封裝

上面可以說進行了初步的使用，命名函式的實現就是一個繼承的分裝。 

（2）匿名函式

將匿名函式之前我們先將下面三個概念理清楚下

一、函式宣告、函式表示式、匿名函式

函式宣告：function fnName () {…};使用function關鍵字 宣告一個函式，再指定一個函式名，叫函式宣告。

函式表示式 var fnName = function () {…}; 使用function關鍵字宣告一個函式，但未給函式命名，最後將匿名函式賦予一個變數，叫函式表示式，這是最常見的函式表示式語法形式。

匿名函式：function () {}; 使用function關鍵字宣告一個函式，但未給函式命名，所以叫匿名函式，匿名函式屬於函式表示式，匿名函式有很多作用，賦予一個變數則建立函式，賦予一個事件則成為事件處理程式或建立閉包等等。

匿名函式的呼叫這樣的，上案例吧，

(
    function(num){
        alert(num);
    }
)(3);

執行結果：

沒錯就是這樣呼叫的，而且可以傳遞引數。

現在讓我們通過閉包演示下一個類似於javabean類把

(function(window){
	function Person(){
		return {
			setName:setName,
			getName:getName
		};
	}
	/**
	 * 公開的函式
	 * @param {Object} name
	 */
	function setName(name){
		this.name = name;
	}
	function getName(){
		return this.name;
	}
	/**
	 * 私有函式
	 */
	function aaa(){
		
	}
	function bbb(){
		
	}
	//給window物件動態的添加了一個屬性Person
	window.Person = Person;
})(window);
var Person = window.Person();
Person.setName("aaa");
alert(Person.getName());

7、jquery核心講解

//低版本中jquery核心解析 jQuery JavaScript Library v1.4.2
//看到這裡我們會發現jquery本身是一個閉包函式，
(function( window, undefined ) {
// Define a local copy of jQuery
//在內部表示式中jquery返回了jquery物件。
var jQuery = function( selector, context ) {
      // The jQuery object is actually just the init constructor 'enhanced'
      return new jQuery.fn.init( selector, context );
   },
   //在jquery prototype屬性上新增方法，實現繼承。
   //fn是jquery上的一個屬性，這個屬性指向了jquery的prototype
   //jquery選擇器構造出來的物件，就像是利用jquery構造器構造
   //出來的物件一樣，這些物件可以繼承jquery.fn或jquery.prototype上的方法
   jQuery.fn = jQuery.prototype = {
      each: function( callback, args ) {
          return jQuery.each( this, callback, args );
       },

       ready: function( fn ) {
          // Attach the listeners
          jQuery.bindReady();

          // If the DOM is already ready
          if ( jQuery.isReady ) {
             // Execute the function immediately
             fn.call( document, jQuery );

          // Otherwise, remember the function for later
          } else if ( readyList ) {
             // Add the function to the wait list
             readyList.push( fn );
          }

          return this;
       },
   }
   // Expose jQuery to the global object
   //這裡實際是在window物件上添加了jquery和$兩個屬性，這兩個屬性的值
   //jquery構造器。我們能想象$("");就是呼叫了上面的構造器方法，返回了
   //一個jquery物件,繼承了prototype上的方法。
    window.jQuery = window.$ = jQuery;

    })(window);

下面我們就對jquery進行外掛擴充套件，如下通過閉包函式，就在jquery上和jquery.prototype及jquery物件上添加了alert（）方法。

(function($){
$.alert = function(msg){
window.alert(msg);
}

$.fn.alert = function(msg){
window.alert(msg);
}
})($);

到這裡jquery的高階基礎入門結束了，下面有個較為複雜一點的案例

(function(jQuery){
	jQuery.fn.myeach = function(callback){
		var array = $(this);
		for(var i=0;i<array.length;i++){
			//this代表當前正在遍歷的物件
			callback.call($(array[i]),$(array[i]));
		}
	}
	/**
	 * @param {Object} obj  可以來自於利用jquery的選擇器建立的jquery物件，也可以來自於一個數組(來源於後臺)
	 * @param {Object} callback
	 */
	jQuery.myeach = function(obj,callback){
		var array = obj;
		for(var i=0;i<array.length;i++){
			//this代表當前正在遍歷的物件
			callback.call($(array[i]),$(array[i]));
		}
	}
})(jQuery);

$().ready(function(){
	$("div").myeach(function(){
		//this代表當前正在遍歷的div物件
		alert($(this).text());
	});
	
	$.myeach($("div"),function(e){
		alert($(e).text());
	});
});