美文网首页
函数自我执行,闭包,继承模式五种类型以及优缺点

函数自我执行,闭包,继承模式五种类型以及优缺点

作者: 考拉_2044 | 来源:发表于2018-11-26 10:51 被阅读0次

1.自我执行函数

    (匿名函数)();

       ; (Function(形参){

             Alert(“1”);  

})(实参);

    要注意,在代码的前后都要加上分号,防止代码会压缩合并后缺少分号而报错。

    这种形式的代码比较优雅,在业内公认的写法

2.闭包;

    闭包是一种现象,没有一个具体的概念。

        例子:function box(){

                        var a=0;

                        renturn function(){

                          a++;

                            renturn    a ; 

                    }

            }

    var a=box( );

            a( );

            a( );

    alert(a( ));

    什么是闭包?

                通俗的来说就是函数里面套函数,里面形成了一个闭包。

                当一个函数返回值是一个函数时,我们可以通过这个函数,这个返回值的函数形成了闭包。

    闭包的作用:

               在函数的外部访问内部的变量。            

               因为变量会驻留在内存当中,所以会延长变量的使用周期。

    闭包的缺点:

                大量耗费内存资源

                因为变量会驻留在内存中得不到释放,在ie浏览器中会造成内存的泄露。

封闭作用域的几种格式:

             (function( ){ }) ( );

                ;(function( ){ })();

                +(function( ){ })();

                -(function( ){ })();

    闭包的使用场景:

                (1)匿名函数自调用,全局变量私有化,封闭空间,避免了变量之间命名的相互影响;

                (2)作用域链

3.原型链

  prototype(原型)

    创建一个函数的时候,这个函数自动才内存中开辟了一个独立的空间来存放这个原型对象的数据。

    只有函数才有原型对象 

    实例对象,没有原型对象。 Var  str=new String(“fadfadfdffdf”);

    但是实例对象指向了构造函数的原型对象。

    如何指向?

          但是原型与实例对象之间是有某种联系的,就是通过”__proto__”;

            当我们用new 关键字去构建一个实例对象的时候,会自动的产生一个指针。那就是__proto__

            这个指针与构造函数的原型对象产生了联系,这个时候实例对象可以访问构造函数的原型对象下面的方法和属性。

constructor(n. 构造函数;构造器;建造者):

            这个也是一个指针,这个指针在构造函数的原型对象里,也是自动生成的。constructor指向构造函数本身,主要用于实现继承。

        什么是原型链?

            原型链就是实力对象的指针与构造函数的原型对象产生了联系,原型下又有一个指针,原型下的指针指向object(父类或者超类);

        实例对象访问属性和方法的原则:        

                先查找实例,实例没有就去原型,去原型下面去查找,如果原型没有就去超类去查找,超类也没有就返回一个undefined

实例- ->prototype- ->超类- ->(如果没有返回undefined)

 Object类的提供的方法和关键字:

                实例对象,hasOwnProperty( “属性或者方法名”);如果没有在实例中有,返回有true.如果没有返回false

in关键字:

                        属性in实例对象,返回true表示有属性,返回false没有这个属性。没有精确到是实例还是原型。

            封装函数查找原型是否有某个属性。

 function isHasProperty(obj,attr){

                        return !obj.hasOwnProperty(attr) && attr in obj;

                    }

        构造函数.prototype.isPrototypeOf(实例对象);检测实例对象是否是属性该构造函数的实例对象。

        delete关键字:

                    delete关键字:

                               (实例对象.属性) 只能删除实例中的属性,无法删除原型下的属性。

                面向对象的三个特征(封装,继承,多态)

             封装:封装一些功能和一些属性给每个对象使用

                            继承:子类可以继承一些属性和方法

                            多态:js中没有多态的说法

4.继承

        父类也叫超类

     a.改变父类的this执行环境事件继承。

            缺点:无法继承父类的原型下的属性和方法(原型下一般保存的是方法);

     b.使用call( )和apply( )实现继承

        (1).使用call( )改变this指向

             function Son(name,age,money){

                Father.call(this,name,age,meney)

}

            缺点:无法继承父类的原型下的属性和方法;

(2).使用apply( )改变this指向

             function Son( ){

                Father.apply(this,argument)

}

                缺点:无法继承父类的原型下的属性和方法;

c.原型链实现继承

            function(){};

            Son,prototype=new Father( “值1”,”值2”)

                优点:

                            解决了无法继承父类的原型下的属性和方法的问题

                缺点:

                            无法传参

                            所有的实例对象共享了所有的属性和方法。

    如何解决这个问题?

                利用混合继承?

                        什么是混合继承?

                                混合继承就是利用原型链跟继承

                 function Son( ){

                                                //实现实例继承

                                            Father.apply(this,argument)

                                        }

    //实现原型继承

                                Son.prototype=Father.prototype;

            当给子类原型下添加一个新的原型方法的时候父类也会获取到这个方法。这是不科学的。原因是当父类的原型赋值给子类的时候,子类的constructor会指向父类的constructor,从而造成给子类原型添加方法的时候父类就会有这个方法。

        产生了一个寄生构造?

  function Son(){

            //实现实例继承

            Father.apply(this,arguments);

        };

        //实现原型继承

        heritPrototype(Son,Father);

        function heritPrototype(subType,superType){

            var proto = Object.create(superType.prototype);

            proto.constructor = subType;

            subType.prototype = proto;

        }

                        优点:

                                    混合继承解决了继承跟原型链继承的所有问题

                        缺点:

                                    子类的counselor指向被修改了

相关文章

  • 函数自我执行,闭包,继承模式五种类型以及优缺点

    1.自我执行函数 (匿名函数)(); ; (Function(形参){ Alert(“1”); }...

  • JS高级学习:函数

    案例 函数作为返回值 案例2: 闭包 闭包的优缺点:缓存数据 函数模式的闭包:在一个函数中有一个函数 对象模式的闭...

  • es5核心技术

    立即执行函数 函数提升和变量提升 闭包 this 原型链实现继承

  • Swift 闭包浅解

    闭包的语法 {(参数:类型)-> 返回类型 in执行逻辑return 返回类型} 说明 :1. 闭包主要指向函数...

  • Swift闭包 gekaand

    闭包基础格式 :{(参数:类型) ->返回类型 in执行方法return 返回类型}说明:1;闭包主要指向函数类...

  • 后端程序员的 JavaScript 之旅 - 模块化(一)

    基础模式 匿名闭包 匿名闭包是很常用的代码隔离方式,声明匿名对象并立即执行。匿名函数中声明的变量和方法以及匿名函数...

  • 关于逃逸闭包

    逃逸闭包:当函数执行结束后,才去调用函数内部的闭包,叫做逃逸闭包非逃逸闭包当函数执行过程中,执行的函数内部的闭包,...

  • 3.逃逸闭包,非逃逸闭包

    逃逸闭包:当函数执行结束后,才去调用函数内部的闭包,叫做逃逸闭包非逃逸闭包:当函数执行过程中,执行的函数内部的闭包...

  • 函数类型以及闭包

    函数的类型可以是直接声明一个函数,或者匿名来声明一个函数。普通函数和匿名函数基本来说是相同的,但是普通函数会自动把...

  • GO基础7-函数详解

    自定义类型 将函数作为另一函数的参数 函数作为返回值 匿名自执行函数接收参数 函数递归:自己调用自己 闭包 闭包可...

网友评论

      本文标题:函数自我执行,闭包,继承模式五种类型以及优缺点

      本文链接:https://www.haomeiwen.com/subject/xywvqqtx.html