博客

JavaScript 继承(混入式继承)

  • Post author:
  • Post category:java




demo.html：

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>

        //继承
        //javaScript当中的继承是指
        //一个对象没有一些方法和属性，但是另外一个对象有
        //把另外一个对象的属性和方法，拿过来使用，就是继承

        var obj = {

        };

        var obj1 = {
            name : "张学友",
            sayHello: function () {
                console.log("你好，我是张学友");
            }
        }


        //混入式继承（mix-in）  for in
        for(var k in obj1){
            //k可以获取到对象的每一个属性
            //obj1[k]可以获取到对象的每一个属性的值
            //这里使用k给对象动态新增属性的时候，不可以使用点语法  obj.k = obj1.k;  
            obj[k] = obj1[k];  // 使用[]动态新增属性。(继承)
        }

        obj.sayHello();

    </script>
</head>
<body>

</body>
</html>



混入式继承.html：

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
         function extend( o1, parentObj ) {
            for ( var key in parentObj ) {
                if ( parentObj.hasOwnProperty( key ) ) {
                    o1[ key ] = parentObj[ key ];
                }
            }
        }

    </script>
</body>
</html>


版权声明：本文为houyanhua1原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Tags: