面向对象--prototype

Posted ezway

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了面向对象--prototype相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .g{
            background-color: #cccccc;
            color: #000;
            text-align: center;
            font-size: 60px;
        }
    </style>
</head>
<body>
    <div class=‘g‘ id="1">
        来呀~造作呀
    </div>
    <script>
       setInterval( function (){
            d=document.getElementById(‘1‘);
            d_text=d.innerText;
            sub_char=d_text.slice(1,d_text.length);
            first_char=d_text[0];
            new_str=sub_char+first_char;
            d.innerText=new_str
       },300);

//       li=[11,22,33,44]
//        for(var l=1;l<10;l++){
//           console.log(l)
//        }
       //面向对象 prototype 原型
        function Fc(name,words) {
            this.Name =name;
            this.Words =words;
        }
        Fc.prototype={
            G: function () {
             return this.Name+this.Words
         }
        };
        a=new Fc(‘jiji‘,‘gogogogoge‘);
        ret=a.G();
        console.log(ret)
    </script>
</body>
</html>

 

以上是关于面向对象--prototype的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript中的面向对象编程，详解原型对象及prototype，constructor，proto，内含面向对象编程详细案例（烟花案例）

JS面向对象组织代码

js面向对象-prototype

面向对象的prototype

深入理解js面向对象中的prototype

prototype