面向对象02

页面制作流程：

 　　设计---切图---网页布局---CSS---JS;

插件：即对象，用来封装细节；

页面开发的步骤：

　　1.初始化；页面打开时所要呈现处的样子；

　　2.交互；交互通过事件实现；

解耦合：让页面的内容彼此独立，属于面向未来的编程；

JS对象是用函数来实现的；

四种方式创建构造函数：

1.传入参数；

 /*传参形式*/
    function Product(name){
        this.name = name
    }
    Product.prototype={}

    var iphone = new Product('iphone8s')

2.默认值：

 function Product(){
        this.name = ''
        this.price=0
    }
    Product.prototype={}

3.动态添加属性方法：添加原本没有的属性和方法

 var iphone = new Product()
    /*动态添加形式*/
    iphone.description='XXXXXXXXXX'
    iphone.images=[]

4.混合形式创建：

function Product(name,price){
        this.name = name
        this.price=price
        this.version=1.0
        this.add=function(){}
    }
    Product.prototype={}

如果构造函数return的是一个对象，则new实例返回的是return的对象；

如:

<script>
    var fun1 = function(){
        this.name = 'peter';
        return {
            name: 'jack'
        };
    }
    var p1 = new fun1();
    console.log(p1.name)
//返回jack;


    var fun2 = function(){
        this.name = 'peter';
        return 'jack';
    }
    var p2 = new fun2();
    console.log(p2.name)
　　　　//返回perter
</script>

万物皆属性；方法有时候也可以看作是一个属性；

万物皆对象；

万物皆变量：所有的数据都是通过变量来管理保存的，都保存再内存中，当定义一个变量时，会在内存中开辟一块区域来保存这个变量，同事会形成一个指向该变量的地址；