zoukankan      html  css  js  c++  java
  • JS面向对象逆向学习法,让难理解的统统一边去(1)~

    对于面向对象我只能说呵呵了,为什么呢,因为没对象~~~

    既然你看到了这里,说明你有一定的基础,虽然本系列文章并不会过多的讲述基础部分,请做好心理准备。

    本篇比较简单,这篇文章的意义是让你明白学习面向对象所需要掌握东西,并且重点是什么。

    ------------------------------------------------

    前世:

      box:那个,你看看,你这代码也叫代码?你知道的,我们可是有理想的公司,再这样的话,你可以走了。

         ~~:T_T。

         box:让你学面向对象,为什么不学!

         ~~:学啊,只是没学会嘛。

         ~~:其实也不是没学会,多少还是懂面向对象的,面向对象不就是:封装,继承,多态...。

         box:那你不是懂这些嘛,为啥写的代码还是那么搓。

         ~~:虽然懂,但是运用不起来啊,完全没思路。

         box:你前面提到了封装,那好,我问问你,在JS中怎么进行封装。

         ~~:可以通过函数封装。比如我想让两个任意的数字相加:

      ××××××××××××× 代码开始 ××××××××××××××××××

         function together(a,b){

           return a + b;

          }

         ××××××××××××× 代码结束 ××××××××××××××××××

       box:Ok,很好,其实你已经成功了一小步,你看你已经会了封装,那么我们再来看看继承,JS怎么实现继承。

       box:js继承说起来的话得长篇大论了,其实我们一直都在用继承。

       ××××××××××××× 代码开始 ××××××××××××××××××

       var a = 10;

       function fn(){

         alert(a); //10

       };

       fn();

       function fn2(){

         alert(a); //10

       };

       fn2();

       ××××××××××××× 代码结束 ××××××××××××××××××

       box:你看我们在全局里面定义了一个变量a,但我们在函数中并没有定义变量a,但也可以打印出a这个变量,这说明我们这个函数继承了外部变量(专业术语:作用域链)。

    虽然这可以实现继承但是变量都暴露在外部了,这肯定是不行的,一旦项目复杂了很可能污染全局,我们再来看一个:

       ××××××××××××× 代码开始 ××××××××××××××××××

         function All()

         };

         All.prototype.toAlert = function(a,b){

           alert(a,b);

         };

             All.prototype.abc = function(){

           console.log('追梦子博客园');

         };

        var all = new All(5,6); //继承All的prototype上的所有方法和属性

       ××××××××××××× 代码结束 ××××××××××××××××××

        ~~:这就是面向对象吗?

        box:可以这么说,也可以不这么说,但这是最核心的部分,因为面向对象的实现就是这些简单的东西组和起来的。

        ~~:但这些我还是不能联系起来啊,当然这只是刚刚开始,好戏还在后头···

    结束:

      以上是比较核心的东西,大家认真看看,因为内容比较多所有分做几章来写,后面会讲几个实例,然后是逆行学习法。

    ps:建了个前端群一起学习一起进步,但是只加真心想学的,可以私信我。

  • 相关阅读:
    sql对日期操作
    computeroperationcommand
    Convert函数对日期的应用
    编写快速、高效的JavaScript代码
    vim常用操作技巧与配置
    PureFTPd安装配置
    关于PHP代码加密和文本加密
    父页面调用iframe里的js函数相关例程,Iframe之间通讯研究
    常用JavaScript语法100讲
    计算机端口
  • 原文地址:https://www.cnblogs.com/pssp/p/5760655.html
Copyright © 2011-2022 走看看