<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>工厂模式</title>
</head>
<body>
	<script>
	function createPerson(name,age){
		var obj = new Object ();
		obj.uname = name;
		obj.age =age;
		obj.showPerson= function(){
			console.log(this.age);
			console.log(this.uname);
		}
		return obj;
	}
	var man = new createPerson('ajia',23);
	man.showPerson()
	</script>
</body>
</html>

　　

<script>
	function createPerson(name,age){
		this.uname = name;
		this.age = age;
		this.showPerson = function(){
			console.log(this.uname);
			console.log(this.age)
		}
	}

	var obj = new createPerson('zjs',23);
	obj.showPerson();
</script>

　　

<meta charset="utf-8">
<script>
	function createPeson(name,age){
	  this.name = name;
	  this.age = age;
	  this.showMf = function(){
	  	 this.name= 'aaa---';
	  	 console.log(this.name)
	  }
	}
	createPeson.prototype.showPerson = function(){
		console.log(this.name);
		console.log(this.age);
	}
    var obj = new createPeson('ajia',23);
    obj.showPerson();
    obj.showMf();
</script>

　　

<meta charset="utf-8">
<script>
	function createPerson(name,age){
		this.name = name;
		this.age = age;
		//动态创建一个方法
		if(typeof createPerson.doWork == 'undefined'){
			createPerson.prototype.doWork = function(){
				console.log(this.name+'---'+this.age+'---'+'在学习');
			}
			createPerson.doWork = true;
		}

	}
	var person = new createPerson('zjs',23);
	person.doWork();
	console.log(createPerson.doWork)

	var person1 = new createPerson('ajia',33);
	person1.doWork();
   	console.log(createPerson.doWork)

</script>

　　

<meta charset="utf8">
<script>
    //继承1
	function  Parent(name){
	    this.name=name;
	    this.sayParent=function(){
	        console.log("Parent:"+this.name);
	    }
	}  

	function  Child(name,age){
	    this.tempMethod=Parent;
	    this.tempMethod(name);
	    this.age=age;
	    this.sayChild=function(){
	        console.log("Child:"+this.name+"age:"+this.age);
	    }
	}
	var c = new Child('zjs',23);
	c.sayChild();
	c.sayParent()
</script>

　　

<meta charset="utf-8">
<script>
    // 继承2
	function  Person(name,age,love){
	     this.name=name;
	     this.age=age;
	     this.love=love;
	     this.say=function say(){
	         console.log("姓名："+name);
	     }
	 }  

     //这里是call方法
	 function student(name,age){
	     Person.call(this,name,age);
	 }  

	 // 这里是apply方法
	 function teach(name,love){
	 	// Person.apply(this,[name,love]);
	 	Person.apply(this,arguments);
	 }

	 //call与aplly的异同：
    //1,第一个参数this都一样,指当前对象
    //2,第二个参数不一样：call的是一个个的参数列表；apply的是一个数组（arguments也可以） 

     var t = new teach('mayun','baseketball');
     t.say()
	 // var p = new Person('zjs',23,'nba');
	 // var s = new student('ajia',28);
	 // s.say();

</script>

　　

<meta charset="utf-8">
<script>
    //继承3
	function Person(name,age){
	      this.name=name;
	      this.age=age;
	  }
    Person.prototype.sayHello=function(){
          console.log("使用原型得到Name："+this.name);
      }  

   function Student(){}
	    Student.prototype=new Person("洪如彤",21);
	    var stu=new Student();
	    Student.prototype.grade=5;
	    Student.prototype.intr=function(){
	        console.log(this.grade);
    }
   stu.sayHello();//输出：使用原型得到Name:洪如彤
      stu.intr();//输出：5
</script>

　　

js对象基础写法练习的更多相关文章

  1. [JS] 面向对象的5种写法和拓展JS对象的写法

    面向对象的JAVA  最开始当然是对象的定义了 收集了以下的五种写法 //第1种写法 function Circle(r) { this.r = r; } Circle.PI = 3.14159; C ...

  2. JS对象的写法

    写法1: <script> var database = function () { function add(){ console.info("add"); } fu ...

  3. JS对象基础 闭包等

    一.我们知道js的基本数据类型包括:number,boolen,string,null及undefined; 看下面的一段代码: var abcobject  = { firstname:" ...

  4. JS对象基础

    JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性 属性是与对象相关的值. 访 ...

  5. JavaScript基础精华02(函数声明，arguments对象，匿名函数，JS面向对象基础)

    函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) {             return i1 + i2;//如果不写return返回 ...

  6. javascript基础-js对象

    一.js对象的创建 1.普通最简单的方式 var teacher = new Object( ); teacher.name = "zhangsan"; teacher.age = ...

  7. 认识JS的基础对象，定义对象的方法

    JS的基础对象: 1.window       //窗口对象 2.document   //文档对象 3.document.documentElement      //html对象 4.docume ...

  8. 前端（十七）—— jQuery基础：jQuery的基本使用、JQ功能概括、JS对象与JQ对象转换、Ajax简单应用、轮播图

    jQuery的基本使用.JQ功能概括.JS对象与JQ对象转换.Ajax简单应用.轮播图 一.认识jQuery 1.什么是jQuery jQuery是对原生JavaScript二次封装的工具函数集合 j ...

  9. js 对象深复制，创建对象和继承

    js 对象深复制,创建对象和继承.主要参考高级编程第三版,总结网上部分资料和自己的代码测试心得.每走一小步,就做一个小结. 1.对象/数组深复制 一般的=号传递的都是对象/数组的引用,如在控制台输入 ...

随机推荐

  1. python 字符串匹配问题

    想匹配html = <div class="back fl"><a href="javascript:void(0);" onclick=&q ...

  2. 洛谷P2197 nim游戏模板

    Code: #include<iostream> using namespace std; int main(){ int t; cin>>t; while(t--){ int ...

  3. python的模块导入机制

    在python中用import或者from...import来导入相应的模块. 模块(Module)其实就是一些函数和类的集合文件,它能实现一些相应的功能,当我们需要使用这些功能的时候,直接把相应的模 ...

  4. iOS——扬声器与听筒的切换

    1.扬声器模式:  NSError *error; [[AVAudioSession sharedInstance] overrideOutputAudioPort:AVAudioSessionPor ...

  5. 移动和PC的适配

    <script> //mode 移动端的适配方式 按需 传参 目前只有两种 px和rem (function(win, doc, mode) { var std = 750; if(/(i ...

  6. POJ 3567 Cactus Reloaded（仙人掌直径）

    题意 裸的仙人掌直径. 题解 先考虑基环树的直径:先算出每颗“树”的直径,再在环上跑DP 再考虑仙人掌的直径:把每个基环树缩成一条边,边长为基环树深度. #include<iostream> ...

  7. [洛谷P1156][codevs1684]垃圾陷阱

    题目大意:一头奶牛掉进了深度为d的坑里,现在有g个垃圾在特定时刻ti扔进来.奶牛可以吃垃圾以获得体力,吃第i个垃圾能获得mi的体力,也可以堆放垃圾以逃生,第i个垃圾高度为hi.当高度≥d时奶牛成功逃生 ...

  8. 巧用MAC地址表

    对于身处网络环境的人来说,不少朋友应该遇到过这种的情况:某一个终端找不到接在了哪一个交换机口上,也不知道数据包怎样走的. ok,那么这时候MAC地址表就作用了,拿下图的实验环境(H3C)来说好了 环境 ...

  9. Linux LVM在线扩容

    环境: 虚拟化环境,SUSE Linux Enterprise Server 11sp3,直接把虚拟磁盘从100G改成150G. 现有的LVM是100G,/home 的LV需要再加50G. 步骤: f ...

  10. js闭包实例展示

    准确来说,闭包是基于正常的垃圾回收处理机制下的.也就是说,一般情况一个函数(函数作用域)执行完毕,里面声明的变量会全部释放,被垃圾回收器回收.但闭包利用一个技巧,让作用域里面的变量,在函数执行完之后依 ...