面向对象02

页面制作流程:

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

插件:即对象,用来封装细节;

页面开发的步骤:

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

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

解耦合:让页面的内容彼此独立,属于面向未来的编程;

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

四种方式创建构造函数:

1.传入参数;

1  /*传参形式*/
2     function Product(name){
3         this.name = name
4     }
5     Product.prototype={}
6 
7     var iphone = new Product('iphone8s')

2.默认值:

1  function Product(){
2         this.name = ''
3         this.price=0
4     }
5     Product.prototype={}

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

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

4.混合形式创建:

1 function Product(name,price){
2         this.name = name
3         this.price=price
4         this.version=1.0
5         this.add=function(){}
6     }
7     Product.prototype={}

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

如:

 1 <script>
 2     var fun1 = function(){
 3         this.name = 'peter';
 4         return {
 5             name: 'jack'
 6         };
 7     }
 8     var p1 = new fun1();
 9     console.log(p1.name)
10 //返回jack;
11 
12 
13     var fun2 = function(){
14         this.name = 'peter';
15         return 'jack';
16     }
17     var p2 = new fun2();
18     console.log(p2.name)
    //返回perter
19 </script>

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

万物皆对象;

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

 

posted @ 2017-12-17 22:56  前端极客  阅读(192)  评论(0编辑  收藏  举报