原型创建对象

//原型创建对象
function Box(){};

Box.prototype.name = ‘Lee‘;
Box.prototype.age = 100;
Box.prototype.run = function(){
    return this.name + this.age + ‘running....‘;
};

var box1 = new Box();
var box2 = new Box();
// alert(box1.run());

//如果是实例方法,不同的实例化,他们的方法地址是不一样的,是唯一的
//如果是原型方法,那么他们的地址是共享的,都是一样的
alert(box1.run == box2.run);

原型创建对象

时间: 2024-10-06 21:04:05

原型创建对象的相关文章

组合模式解决原型创建对象传参和共享难题

//组合构造函数+原型模式 function Box(name,age){ //保持独立的用构造函数 this.name = name; this.age = age; this.family = ['哥哥','姐姐','妹妹'] }; Box.prototype = { //保持共享的用原型 constructor:Box, run:function(){ return this.name + this.age + '运行中...'; } }; var box1 = new Box('Lee'

动态原型模式,解决原型创建对象的时候未封装问题

//动态原型模式 function Box(name,age){ this.name = name; this.age = age; this.family = ['哥哥','姐姐','妹妹']; if(typeof this.run != 'function'){ //判断this.run是否存在 Box.prototype.run = function(){ return this.name + this.age + '运行中...'; }; } } //原型的初始化,只要第一次初始化就可以

javascript学习笔记10(基于组合与动态原型创建对象)

基于组合与动态原型创建对象 方法一:在外部设置prototype <script type="text/javascript">/** * 为了解决原型所带来的问题,此处需要通过组合构造函数和原型来实现对象的创建 * 将属性在构造函数中定义,将方法在原型中定义 * 这种有效集合了两者的优点,是目前最为常用的一种方式 */    function Person(name,age,friends){        //属性在构造函数中定义        this.name =

JavaScript构造函数+原型创建对象,原型链+借用构造函数模式继承父类练习

虽然经常说是做前端开发的,但常常使用的技术反而是JQuery比较多一点.在JavaScript的使用上相对而言少些.尤其是在创建对象使用原型链继承上面,在项目开发中很少用到.所以今天做个demo练习一下,以后忘记了也可以照搬一下. 说明一下: 1. Demo中使用的是构造函数+原型模式创建的对象.构造函数中存储对象实例使用的属性,原型模式增加实例使用的方法. 2. Demo中的继承分为两个方面.一个是属性继承,使用的是借用构造函数模式 call()方法.另一个是方法继承,这个就是使用原型方式继承

jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承

上一篇文中完成的封装,还存在一个小问题,就是该轮播对象不能在同一页面中重复使用,本文将通过组合使用javascript的构造函数和原型模式创建对象来解决这个问题. 没有看过上一篇文章的朋友可以点此查看上一篇文章 (jQuery图片轮播(一)轮播实现并封装) 首先回顾一下,上文的问题所在,上文中的carsouel对象是采用字面量的方式来定义的,这样carsouel本就是一个实例,想要使用在多处时,这个对象的方法会发生冲突,最终只会执行最后的那一个.而通过采用构造函数的方式来定义对象carsouel

javascript——原型创建对象

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type"

javascript——原型创建对象2

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type"

深刻理解JavaScript基于原型的面向对象

主题一.原型 一.基于原型的语言的特点 1 只有对象,没有类;对象继承对象,而不是类继承类. 2  "原型对象"是基于原型语言的核心概念.原型对象是新对象的模板,它将自身的属性共享给新对象.一个对象不但可以享有自己创建时和运行时定义的属性,而且可以享有原型对象的属性. 3 除了语言原生的顶级对象,每一个对象都有自己的原型对象,所有对象构成一个树状的层级系统.root节点的顶层对象是一个语言原生的对象,其他所有对象都直接或间接继承它的属性. 显然,基于原型的语言比基于类的语言简单得多,我

JavaScript原型和原型链

一.对象与函数的关系 1.对象是函数创建,函数也是一种对象. 2.对象的创建方式 2.1.Object构造函数创建对象new Object(): 2.2.字面量创建对象var x = new():其本质就是new Object方式创建. 2.3.通过工厂模式创建,在方法中使用new Object():可以创建多个对象. 2.4.使用构造函数创建对象. 2.5.使用原型创建对象. 2.6.使用构造函数和原型创建对象. 2.7使用Object.create():创建对象. 3.函数.对象.原型.原型