js类、原型——学习笔记

　　js 内置有很多类，我们用的，都是从这些类实例化出来的。

 function Object () {}

 function Array () {}

 function String () {}

 function Boolean () {}

 function Function () {}

　　比如,var a = {};等同于var a = new Object();

　　　　 var a =[];等同于var a = new Array();

　　现在我们要创建一个自定义的类。在SmartList.js中写下以下代码：

 + function (Flexx) {

     'use strict';

     function SmartList(){

         //构造函数，在这个类被new出来时执行这里的代码

         console.log('创建了一个SmartList对象');

         console.log(this);

     }

     Flexx.SmartList = SmartList;//把类赋值给了xx全局对象

 }(window.xx = window.xx || {});

　　在main.js中这样调用：

 + function () {

     'use strict';

     var memberList = new xx.SmartList();

     console.log(memberList);

 }();

　　运行结果如下：

　　在这里，我们用new调用了xx.SmartList（），new 使函数变成一个构造函数，会默默为我们做一些事情，比如创建了一个对象，把this指向了这个对象，并且最后返回了这个对象。

　　下面来看看new调用函数和直接调用函数有什么不同。

 + function (Flexx) {

     'use strict';

     function SmartList(){

         console.log('创建了一个SmartList对象');

         console.log(this);

     }

     var list1 =SmartList();

     var list2 = new SmartList();

     console.log('list1 是', list1);

     console.log('list2 是', list2);

     Flexx.SmartList = SmartList;

 }(window.xx = window.xx || {});

　　运行结果如下：