~~~ /* * 函數有三種角色 * 1.普通函數 * ->堆棧內存釋放 * ->作用域鏈 * * 2.類 * ->prototype：原型 * ->__proto__：原型鏈 * ->實例 * * 3.普通對象 * ->和普通的一個OBJ沒啥區別,就是對鍵值對的增刪改查 * * =>三種角色間沒有什么必然關系 */ /*function Fn() { var n = 10; this.m = 100; } Fn.prototype.aa = function () { //和所創建的實例有關系， new 的時候有關系，和new里的this有關系 console.log('aa'); }; Fn.bb = function () { //和作為對象有關系 console.log('bb'); };*/ //=>普通函數 // Fn();//=>this:window 有一個私有變量n 和原型以及屬性bb沒有關系 //=>構造函數執行 // var f = new Fn;//=>this:f // console.log(f.n);//=>undefined：n是私有變量和實例沒有關系 // console.log(f.m);//=>100 實例的私有屬性 // f.aa();//=>實例通過__proto__找到Fn.prototype上的方法 // console.log(f.bb);//=>undefined：bb是把Fn當做一個普通的對象設置的屬性而已，和實例等沒有半毛錢關系 //=>普通對象 // Fn.bb(); ~~~   ~~~ //============================================ //=>JQ這個類庫中提供了很多的方法,其中有一部分是寫在原型上的,有一部分是把它當做普通對象來設置的 ~function () { function jQuery() { //... return [JQ實例] } jQuery.prototype.animate=function(){} //... jQuery.ajax=function(){} //.... window.jQuery = window.$ = jQuery; }(); // $().ajax() //=>調不了 // $().anaimte() //=>這樣可以調取 // $.ajax() //=>直接的對象鍵值對操作 // $.animate() //=>對象上沒有animate這個屬性，這個屬性在和實例相關的原型上 ~~~