javascript组合使用构造函数模式和原型模式实例_javascript技巧

本文实例讲述了javascript组合使用构造函数模式和原型模式的方法。分享给大家供大家参考。具体如下:

function testPrototype2(){
  function Person3(name, age, job){
    this.name=name;
    this.age=age;
    this.job=job;
    this.friends =["shelb", "court"];
  }
  Person3.prototype = {
    constructor:Person3,
    sayName:function(){
      alert(this.name);
    }
  }
  var person1 = new Person3("jack",10,"it");
  var person2 = new Person3("karry",1,"woker");
  person1.friends.push("tom");
  console.info(person1.friends);
  console.info(person2.friends);
  console.info(person1.friends==person2.friends);
  console.info(person1.sayName == person2.sayName);
}

希望本文所述对大家的javascript程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
, 原型模式
构造函数模式
构造函数 实例 原型、javascript 原型链、javascript 原型、javascript 原型继承、javascript 原型对象,以便于您获取更多的相关知识。

时间: 2025-01-20 14:51:17

javascript组合使用构造函数模式和原型模式实例_javascript技巧的相关文章

javascript实现任务栏消息提示的简单实例_javascript技巧

javascript实现任务栏消息提示的简单实例 <html> <body onload="blurFunc();"> <script> function blurFunc() { setTimeout("setTitle1()","1000"); } var flag=0; var id = setTimeout("setTitle1()","1000"); var i

使用JavaScript实现弹出层效果的简单实例_javascript技巧

声明 阅读本文需要有一定的HTML.CSS和JavaScript基础 设计 实现弹出层效果的思路非常简单:将待显示的内容先隐藏,在触发某种条件后(如点击按钮),将原本隐藏的内容显示出来. 实现 <!DOCTYPE html> <html> <head> <title>Window对象</title> <meta charset="utf-8"> </head> <body> <a hr

JavaScript来实现打开链接页面的简单实例_javascript技巧

在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式: 1.使用window的open方法打开链接,这里可是在制定页面中打开链接,也可以定制打开页面的尺寸等等. <a href="javascript:window.open('http://www.jb51.net','_self') "> open a link 1</a><br/> 2.使用document.URL

JavaScript实战(原生range和自定义特效)简单实例_javascript技巧

今天我又码了两个特效:一个是用原生input[type=range]的,另一个完全自定义的:下面是完整代码和演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> #tip{ position: absolute; top: 30px; left: 0; ri

javascript中DOM复选框选择用法实例_javascript技巧

本文实例讲述了javascript中DOM复选框选择用法.分享给大家供大家参考.具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>复选框全选全清和反选</title> &l

JavaScript获取多个数组的交集简单实例_javascript技巧

在项目中需要取得多个数组的交集,故本例只是适用于特定场景.比如A数组 var a = {1000,10001,10002,10003}; B数组 var b = {10002, 10003}; C数组var c = {10003}; 需要取得这三个数组的交集数组.      具体思路为:先初始一个最小数组为A数组,元素个数最小的也是数组A的长度.然后再迭代各个数组,取得这几个数组长度最短的为最小长度,同时得到长度最短数组.然后,迭代最小数组与各个数组,开始比较元素相等,使用计数器来判断是否该元素

javascript引用赋值(地址传值)用法实例_javascript技巧

本文实例讲述了javascript引用赋值(地址传值)用法.分享给大家供大家参考.具体如下: javascript在默认情况下,数组.对象和函数是引用赋值,如下代码所示: 复制代码 代码如下: <html> <head> <script type="text/javascript"> var a={age:20,height:175}; var b = a; alert(b.age); b.age = 25; alert(a.age); </s

javascript瀑布流式图片懒加载实例_javascript技巧

最近项目使用到了"懒加载",现在更新一般,因为平时主要使移动端的开发所以库文件使用的是zepto.js .当然也可以和jQuery 通用. 代码如下: /** * Created by zhiqiang on 2015/10/14. * hpuhouzhiqiang@gmail.com * 图片的懒加载 **/ function loadImgLazy(node) { var lazyNode = $('[node-type=imglazy]', node), mobileHeight

javascript实现文字图片上下滚动的具体实例_javascript技巧

复制代码 代码如下: <div style="border:#d3d3d3 1px solid;width:100%;">         <div id="demo" style="overflow:hidden;height:160;width:100%;">          <div id="demo1">           文章标题列表          </div>

JavaScript实现的使用键盘控制人物走动实例_javascript技巧

其实这个示例用到了js的两个核心时间,键盘事件onkeydown,周期执行事件setInterval. 实现效果 当按下键盘某个键时网页中的人物实现相应的动作,达到利用键盘控制走动效果 实现步骤 一.预订键值作用: w:向上 s:向下 a:向左 d:向右 空格:停止 二.预订键值后,要能捕获按键事件以及判断用户按的是哪个键? 捕获键盘事件可以用onkeydown 获取键值码可以用event.keyCode  三.用setInterval周期执行事件替换图片 替换图片是为了实现任务走动效果 但要注