javaScript 写一个简单的面向对象程序

最新推荐文章于 2022-07-18 09:27:31 发布

xyphf_和派孔明

最新推荐文章于 2022-07-18 09:27:31 发布

阅读量472

点赞数

分类专栏： JavaScript面向对象文章标签： javascript 面向对象

本文链接：https://blog.csdn.net/xyphf/article/details/77367579

版权

JavaScript面向对象专栏收录该内容

20 篇文章 1 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>简单的面向对象程序</title>
    <script>
        // 面向对象
        // 1、写构造函数
        function Aaa() {
            // 2、在构造函数里面添加属性
            this.name = '小明';
        }
        // 3、方法添加在原型上
        Aaa.prototype.showName = function() {
            alert( this.name );
        }
        // 使用面向对象 创建一个a1这样的对象
        var a1 = new Aaa()
        // 这个对象拥有它的属性和方法
        a1.showName();
    </script>
</head>
<body>
</body>
</html>

为什么要写面向对象程序？因为我们希望拥有像系统对象类似数组或者时间那样的形式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>面向对象</title>
    <script>
        // 我们为什么要写面向对象程序 希望拥有像系统对象类似数组或者时间那样的形式
        //系统对象的用法，如数组
        var arr = new Array();
        arr.push();
        arr.sort();

        // 在JS源码内部：系统对象也是基于原型的程序
        // JS源码里面的数组对象
/*        function Array() {
            this.length = 0;
        }
        Array.prototype.push = function () {};
        Array.prototype.sort = function () {}
*/

        var arr = [1,2,3];
        arr.push(4,5,6);
        alert(arr); // 1,2,3,4,5,6

        // 假如我们push之前修改了Array对象的push()方法
        var arr = [1,2,3];
        // Array原本的push()方法被覆盖了
        Array.prototype.push = function () {
            // this : 1,2,3
            // arguments : 4,5,6
            for(var i=0; i<arguments.length;i++){
                this[this.length] = arguments[i]
            }
            return this.length;
        };
        arr.push(4,5,6);
        alert( arr );
        // 所以不要轻易修改系统对象下面的属性和方法，除非你特别了解，这样出现问题也知道怎么改
    </script>
</head>
<body>
</body>
</html>

xyphf_和派孔明

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript 写一个简单的面向对象程序

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>简单的面向对象程序</title> <script> // 面向对象 // 1、写构造函数
复制链接

扫一扫