动态原型

最新推荐文章于 2020-10-08 22:29:20 发布
最新推荐文章于 2020-10-08 22:29:20 发布
阅读量188 收藏
点赞数
原文链接：http://www.cnblogs.com/guanguan-/p/7126226.html
版权
动态原型

动态原型模式将所有信息封装在了构造函数中，而通过构造函数中初始化原型（仅第一个对象实例化时初始化原型），这个可以通过判断该方法是否有效而选择是否需要初始化原型。

function Blog(name, url) {
   this .name = name;
   this .url = url;
 
   if ( typeof this .alertInfo != 'function' ) {
     // 这段代码只执行了一次
     alert( 'exe time' );
     Blog.prototype.alertInfo = function () {
       alert(thia.name + this .url);
     }
   }
}
 
var blog = new Blog( 'wuyuchang' , 'http://tools.***.net' ),
   blog2 = new Blog( 'wyc' , 'http:***.com' );

}

posted on 2017-07-06 14:35  麦田里的包米 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/guanguan-/p/7126226.html

andy0814001
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
动态原型模式
舜岳的博客
07-03 412
动态原型模式 通过开关 动态添加函数的方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
JS动态原型
陈春春的技术博客
02-13 353
这种方式将所有信息都封装在了构造函数中,而通过在构造函数中初始化原型(仅在必要的情况下),又保持了同时使用构造函数和原型的优点。换句话说,可以通过检查某个应该存在的方法是否有效,来决定是否需要初始化原型。function Person(name, age, sex) { // attrs this.name = name; this.age = age; this.s
6.2.5 动态原型模式
boysky0015的博客
05-17 225
6.2.5 动态原型模式 所谓的动态原型模式就是在构造函数中可以初始化原型方法。它同时保持了使用构造函数和原型的优点。 function Person6(name,age) { this.name = name; this.age = age; if(typeof this.sayName != 'function') { Person6.prototype...
javascript 混合的构造函数和原型方式，动态原型方式
10-29
JS编程中最常用两种对象类定义的方式。不管是利用下面2种方式的那一种，都可以达到相同的效果！
对采用动态原型方式无法展示继承机制得思考
09-05
今天看书，作者讨论到能否采用动态原型方法展示继承机制，给出的答案是：不能。原因是prototype对象的唯一性。看下面代码（这段代码不正确，却值得研究）
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
10-17
主要介绍了JS中创建自定义类型的常用模式,结合实例形式总结分析了工厂模式,构造函数模式,原型模式,动态原型模式等javascript创建自定义类型的常用模式与相关操作注意事项,需要的朋友可以参考下
JavaScript高级程序设计 扩展–关于动态原型
12-10
Zakas在【动态原型】方式创建对象的时候没有深究可能会存在的问题和解决方案。而仅仅在继承的时候对【动态原型】的瓶颈作了说明。即在作子类继承的时候，不能通过动态原型的方式来实现。 原文大致如下： 继承机制不...
JS 原型模式之 动态原型模式
liubangbo的专栏
11-15 548
function Utils() { if(typeof Utils.initialized == "undefined"){ console.log("prototype init"); Utils.prototype.utilsFunc1 = function () { console.log("utilsFunc1"); ...
javascript设计模式 - 动态原型模式
lume博客
08-17 360
动态原型模式 其实就是在 函数里 加个判断 ， 为了解决 多次实例化后 ，产生多个共同的方法 ！ function CreateFn(name,age) { this.name = name; this.age = age; this.arr = [1,2,3]; if(typeof this.run != &amp;quot;function&amp;quot;){ console.log(&amp;quot;o...
原型的动态性
AndrewNeo
04-24 234
由于在原型中查找值的过程是一次搜索，因此我们对原型对象所做的任何修改都能够立即从实例上反应出来–即使是先创建了实例后修改原型也照样如此。请看下面的例子. var friend = new Person(); function Person(){} Person.prototype.sayHi = function () { console.log("Hi") } friend.sayH...
面向对象（创建对象）--动态原型模式05
jiaojsun的博客
10-07 134
可以通过检查某个应该存在的方法是否有效，来决定是否需要初始化原型。 function Person(name, age, job) { //属性 this.name = name; this.age = age; this.job = job; // 方法 if (typeof this.sayName != "function") { ...
创建对象之四：动态原型模式
AndrewNeo
04-17 221
有其他OO语言经验的开发人员在看到独立的构造函数和原型时，很可能会感到非常困惑。动态原型模式正是致力于解决这个问题的一个方案，它把所有的信息都封装在了构造函数中，而通过在构造函数中初始化原型(仅在必要的情况下)，又保持了同时使用构造函数和原型的优点。换句话说，可以通过检查某个应该存在的方法是否有效，来决定是否需要初始化原型。 function Person(name,age,job){ ...
浅谈构造模式、原型模式、混合模式、动态原型模式
跟着信仰走
08-06 702
构造模式  构造模式虽然比前面的工厂模式更加的完善，能够通过instanceof识别对象类型，但有个最大的问题就是每一次实例化，该对象内部函数都会被创建一遍，就是都会把属性和方法复制一遍。这是什么意思？ 举个栗子： function Person(name,age,job){ this.name=name; this.age=age; this.job=job; this.sayNam...
JavaScript对象模式——动态原型模式
DebbyOctober的博客
10-08 285
5》动态原型模式 动态原型模式：是将所有的信息（属性和方法）都封装在构造函数中，而通过构造函数来初始化原型（只初始化一次） 解决：第一个对象实例化的时候就初始化原型，后面的就不需要初始化 #判断一下： 由于obj1先执行一次函数内的代码，那么run方法就共享一次，共享完之后obj2再去new的时候，this.run 已经=“function”，那么就不初始化了。因此打印1只会出来一次。 ...
javaScript动态原型的方式定义对象
xpzhang123的专栏
02-15 586
function Test() { this.name = "admin"; this.pwd = "123"; if(typeof == Test.flag == ''undefinded)        {          Test.prototype.getInfo = function() { } Test.flag  = true; } }
JS继承机制的深入理解--动态原型存在的问题与解决
qq_21972621的博客
05-13 1095
JS继承机制的深入理解--动态原型存在的问题与解决 对象创建的运行机制：首先new的时候(还没有进入到构造函数内部)，环境会为拿到默认的对象原型，然后去创建这个对象(也就是该新建的对象会得到原型的属性和方法，”得到”不是很准确，实际是共享的)，然后再去执行构造函数内部去实例化其他属性。
利用动态原型法创建对象，并进行测试
最新发布
05-17
动态原型法是一种创建对象的方式，它允许我们在运行时动态地添加属性和方法，从而创建一个完整的对象。下面是一个利用动态原型法创建对象的例子： ```javascript function Person(name, age) { this.name = name; this.age = age; if (typeof this.sayHello !== 'function') { Person.prototype.sayHello = function() { console.log('Hello, my name is ' + this.name + '.'); } } } // 创建一个 Person 对象 var person1 = new Person('John', 30); person1.sayHello(); // 输出：Hello, my name is John. // 创建另一个 Person 对象，并动态添加一个方法 var person2 = new Person('Jane', 25); person2.sayHelloInJapanese = function() { console.log('こんにちは、私の名前は' + this.name + 'です。'); } person2.sayHelloInJapanese(); // 输出：こんにちは、私の名前はJaneです。 ``` 在上面的例子中，我们先定义了一个 `Person` 构造函数，该函数接受两个参数 `name` 和 `age`，并且将它们赋值给新创建的对象的 `name` 和 `age` 属性。然后，我们使用 `if` 语句检查 `sayHello` 方法是否已经存在于 `Person` 的原型中，如果不存在，就使用动态原型法将该方法添加到原型中。这样，所有从 `Person` 构造函数创建的对象都可以共享 `sayHello` 方法。 接下来，我们创建了两个 `Person` 对象 `person1` 和 `person2`，并分别调用它们的 `sayHello` 方法。然后，我们为 `person2` 对象动态添加了一个新方法 `sayHelloInJapanese`，并且在调用该方法时可以看到其效果。 最后，我们来测试一下这段代码： ```javascript // 创建一个 Person 对象 var person1 = new Person('John', 30); person1.sayHello(); // 输出：Hello, my name is John. // 创建另一个 Person 对象，并动态添加一个方法 var person2 = new Person('Jane', 25); person2.sayHelloInJapanese = function() { console.log('こんにちは、私の名前は' + this.name + 'です。'); } person2.sayHello(); // 输出：Hello, my name is Jane. person2.sayHelloInJapanese(); // 输出：こんにちは、私の名前はJaneです。 // 创建第三个 Person 对象，并调用已存在的方法 var person3 = new Person('Tom', 35); person3.sayHello(); // 输出：Hello, my name is Tom. ``` 在这个测试中，我们创建了三个不同的 `Person` 对象，分别为 `person1`、`person2`、`person3`。我们可以看到，无论是哪个对象，都可以调用 `sayHello` 方法，而且在 `person2` 对象中，我们还动态添加了一个新方法 `sayHelloInJapanese`，也可以成功地调用。这说明动态原型法创建的对象是非常灵活和可扩展的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值