~~~ /* * 函数有三种角色 * 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这个属性，这个属性在和实例相关的原型上 ~~~