JS笔记:面向对象

全局变量
1、var test =’some value’定义在程序最外面
2、window.test=’some value’
3、在函数内部对变量直接赋值,该变量就是全局变量。
(function(){
var a;
test=’some value’
})()

后面两种将变量定义在window,delete可以删除。vardelete不可以删除

这两个test也是全局变量
function todo(){var a=test=‘some value’ }

function todo(){
var a=‘abc’;
test=‘abs’}

全局变量可以在任何一个函数内被改变。不同程序员用同一个变量名,会造成函数不稳定。

封装

//通过getconfig方法调用函数类的私有变量
     function A(){
        var _config=['A','B','C'];
        this.getconfig=function(){
            return -_config;
        }
     }
    //通过命名规范区分私有公有变量
    var pro=A.prototype;
    pro._step1=function

类继承:


   (function(){
    function ClassA(){}//相当于类(构造函数)的概念
    classA.ClassMethod=function(){}
    classA.prototype.api=function(){}//构造函数的prototype是实例(ClassA创建的对象)
    function ClassB(){
        classA.apply(this,arguments);
    }// 让B的实例能调用A的方法
    ClassB.prototype =new classA();//给ClassB的原型赋值了一个对象
    ClassB.prototype.constructor=ClassB;//constuctordor的属性实指向A的。new ClassB的时候,constructor变成A
    ClassB.prototype.api=function(){
        classA.prototype.api.apply(this,arguments)
    }
    var b=new ClassB();
    b.api();
   })();

这里写图片描述

原型继承:

 function(){
    var proto={
        action1:function(){}
        action2:function(){}

    }
    var obj=Object.create(proto);//obj继承了proto的方法
   }

在低版本游览器中,通过函数模拟Object.create

var clone=(function(){
    var F=function(){};
    return function(proto){
        F.ptototype=proto;
        return new F();
   }
})()

以proto为原型创建一个新对象。通过构造函数,让构造函数的prototype等于proto,通过构造函数new出来的对象的原型即为proto。

所以这个函数的思路是,声明一个构造函数的变量 ,执行一段函数实现上诉功能。 传入proto的参数,返回的是一个新对象,这个对象以proto为原型。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值