JavaScript面向对象

面向对象：不了解原理的情况下，会使用功能，不关注内部细节，是一种通用思想

对象：黑盒子不了解内部的结构，知道表面的各种操作

面向对象编程OOP：

特点：抽象（抓住核心问题），
封装（不考虑内部实现，只考虑功能），
继承（遗传父母和孩子从父类继承出一些属性和方法，还可以有自己的新方法）

多重继承多态

对象由属性和方法组成

属性-变量：状态静态

方法-函数：过程动态

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script type="text/javascript">
    var a=7;//变量 自由的，不属于任何人
    alert(a);
    var arr=[1,2,3,4,5,6];
    arr.a=12;//属性 非自由，属于一个对象
    alert(arr.a);
    function aa(){
        alert('abc');//函数：自由
    }
    aa();
    arr.aa= function () {
        alert('abcd');//方法：非自由 属于对象
    }
    arr.aa();

</script>
</body>
</html>

结果：7 12 abc abcd

this:当前发生事件的对象当前的方法属于谁

<script type="text/javascript">
    var arr=[1,2,3,4];
    arr.a=12;
    arr.show=function(){
        alert(this.a);
    }
    arr.show();
</script>

<script type="text/javascript">
    window.show=function(){
    alert(this);
    }
    show();
</script>

object Window 当前的方法属于谁属于Window

不能再系统对象中随意添加方法、属性，否则会覆盖已有方法和属性
object 对象没有东西

<script type="text/javascript">
   var obj=new Object();
    obj.name='blue';
    obj.qq='930260035';
    obj.showName= function () {
        alert('我的名字是：'+this.name);
    }
    obj.showQQ= function () {
        alert('我的qq是：'+this.qq);
    }
    obj.showName();
    obj.showQQ();
</script>

<script type="text/javascript">
    function createPerson(name,qq){//构造函数
       //原料
        var obj=new Object();
        //加工
        obj.name=name;
        obj.qq=qq;
        obj.showName= function () {
            alert('我的名字是：'+this.name);
        };
        obj.showQQ= function () {
            alert('我的qq是：'+this.qq);
        };
        //出厂
        return obj;
    }
    var obj=createPerson('blue','54546466');
    obj.showName();
    obj.showQQ();
    var obj2=createPerson('张三','555555555');
    obj2.showName();
    obj2.showQQ();
</script>

工厂方式的缺点：没有new 函数重复导致资源浪费

posted @ 2017-01-24 19:12 缘琪梦阅读(274) 评论(0) 编辑收藏举报

缘琪梦

JavaScript面向对象

公告