面向对象与原型

面向对象三大特征

  1. 封装:将一堆方法和属性放在一起
  2. 继承:最大限度重用代码
  3. 多态:表现形式太弱,不同类的同名方法
  4. 抽象

创建对象的方式

1.使用Object

    // 1.使用object
    var mzb = new Object();
    mzb.name='肖战';
    mzb.nick='战战';
    mzb.en_name='Ben';
    mazb.skill=function(){
        console.log('我在仰望,月亮之上');
    }
 	 var obj = createPerson('rzt', 'wl', '18','qqq');

2.json创建

 // 2.json创建
    var wwx={
        name:'王一博',
        age:5,
        skill:function(){
            console.log('大河弯弯向东流');
        }
    };

3.工厂模式

 function createPerson(name,author,price,type){
            var obj=new Object();
            obj.name=name;
            obj.author=author;
            obj.price=price;
            obj.type=type;
            return obj;
    }

4.构造函数

    function Book(name, author, price, type) {
            // console.log(this);
            this.name = name;
            this.author = author;
            this.price = price;
            this.type = type;

            // 为了避免内存浪费,不建议方法写在构造函数
            // this.sale=function(){
            //     console.log('全场8折');
            // }
        }
    // 建议,属性写在构造函数,方法及公用属性写在原型中
    // 原型需要用构造函数名调用(原型的本质是个对象)---prototype
    Book.prototype.sale = function () {
            console.log('全场8折');
        }

原型和原型链

原型—prototype

定义:该类的公共存储空间,用于节省内存,只要是函数解析器都会向函数中添加一个prototype属性。

在这里插入图片描述

<script>
 function A(){
 
 }
 var a=new A();
 console.log(a);
</script>

在这里插入图片描述

原型链

当访问对象的某个属性或方法时,先在自己的构造函数中xunzhao9,如果没有,就在自己的原型中寻找,如果没有就找原型的原型,一直找到Object的原型,这样形成的一个链条。

在这里插入图片描述

    String.prototype.reverseString=function(){
        return this.split('').reverse().join("");
    }
    var str='abcdef';
    str=str.reverseString();
    console.log(str);

在这里插入图片描述
【注意】
this的情况
1.当以函数的形式调用时,this是window
2.当以方法的形式调用时,谁调用方法,this就是谁
3.当以构造函数形式调用时,this指创建的对象

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值