javaScript面向对象的几种写法

栏目: 后端 · 前端 · 发布时间: 6年前

内容简介:希望可以帮到有需要的人,如果有什么问题,望指出(写的第一篇文章,需要的到你们的鼓励和赞)

javaScript面向对象的几种写法

  • 一般写法,也是最浪费资源的写法。dog.run()就调用了dog的run方法。但是这里只有一条狗,想要n条狗就要var狗,不能量产,不推荐。
var dog = {
        name:'啊黄',
        color:'黄色',
        run:function () {
            console.log('run');
        }
    };
    console.log(dog.name);
    dog.eat();
  • 常用的写法,这里可以量产还可以传递参数,如var dog1 = new Dog(‘旺财’,‘yellow’);就有了dog1,以此类推就有dog2,dog3···,但是这种方法是借助创建Object对象来创建d,然后返回d来实现的,这种方法难免有点多余。
function Dog(name,color) {
        var d = new Object();
        d.name = name;
        d.color = color;
        d.run = function () {
            console.log('run');
        };
        return d;
    }
    var dog1 = new Dog('旺财','yellow');
    console.log(dog1.name);
    dog1.run();
  • 构造函数创建对象,构造函数的方法是通过构造函数与new关键字连用,在内部创建一个对象,在这不用使用ruturn关键字就可以把这个对象返回。这种方法每new一个dog,都会为这个dog产生相应的属性和run(),不知道你们有没有注意到这个run方法是一样的,为了更好地节约资源···
function Dog(name,color) {
        this.name = name;
        this.color = color;
        this.run = function () {
            console.log(this.name + 'run');
        };
    }
    var dog1 = new Dog('旺财','yellow');
    console.log(dog1.name);
    dog1.run();
    var dog2 = new Dog('阿毛','white');
    //dog1的run并不等于dog2的run
    console.log(dog.eat === dog1.eat);
  • 构造函数创建对象使用原型来保存相同的方法,使用原型这种方法把run()放进这个构造函数的共享库里面(这个run()只有一个),通过Dog new 出来的对象都可以使用这个方法。
function Dog(name,color) {
        this.name = name;
        this.color;
}
Dog.prototype.run = function () {
    console.log(this.name + 'run');
};
var dog1 = new Dog('旺财','yellow');
console.log(dog1.name);
dog1.run(); 
var dog2 = new Dog('阿毛','white');
//dog1的run等于dog2的run
console.log(dog.eat === dog1.eat);
  • 传递对象来接受属性
function Dog(option) {
        var option = option || {};
        this.name = option.name;
        this.color = option.color;
    }
    Dog.prototype = {
        run:function () {
            console.log(this.name  + 'run');
        }
    };
    var dog1 = new Dog({
        name:'旺财',
        color:'yellow'
    });
    console.log(dog1.name);
    dog1.run();
    var dog2 = new Dog({
		name:'啊毛',
        color:'white'
	});
    //dog1的run等于dog2的run
    console.log(dog.eat === dog1.eat);

希望可以帮到有需要的人,如果有什么问题,望指出

(写的第一篇文章,需要的到你们的鼓励和赞)


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

连线力

连线力

杨国斌 / 邓燕华 / 广西师范大学出版社 / 2013-9 / 39.00

《连线力》,最关切我们未来的“思想@网络.中国”丛书之一,互联网中国传媒参考书。 中国网民在行动。在中国的广大网民中,普遍存在着对正义的渴望和追求,对弱者和小人物的同情, 对贪官污吏的痛恶,对政府的失望, 对权贵的嘲讽,对沟通的渴望,甚至对革命的呼唤。这些因素有着共同的内在逻辑,即情感逻辑。在这个意义上,情感汹涌的网络事件,是整个中国社会情感结构的脉络。 1994年,中国开通了全功能的......一起来看看 《连线力》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

MD5 加密
MD5 加密

MD5 加密工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具