js对象基础写法练习

<!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对象基础写法练习的更多相关文章

[JS] 面向对象的5种写法和拓展JS对象的写法
面向对象的JAVA 最开始当然是对象的定义了收集了以下的五种写法 //第1种写法 function Circle(r) { this.r = r; } Circle.PI = 3.14159; C ...
JS对象的写法
写法1: <script> var database = function () { function add(){ console.info("add"); } fu ...
JS对象基础闭包等
一.我们知道js的基本数据类型包括:number,boolen,string,null及undefined; 看下面的一段代码: var abcobject = { firstname:" ...
JS对象基础
JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性属性是与对象相关的值. 访 ...
JavaScript基础精华02(函数声明，arguments对象，匿名函数，JS面向对象基础)
函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) { return i1 + i2;//如果不写return返回 ...
javascript基础-js对象
一.js对象的创建 1.普通最简单的方式 var teacher = new Object( ); teacher.name = "zhangsan"; teacher.age = ...
认识JS的基础对象，定义对象的方法
JS的基础对象: 1.window //窗口对象 2.document //文档对象 3.document.documentElement //html对象 4.docume ...
前端（十七）—— jQuery基础：jQuery的基本使用、JQ功能概括、JS对象与JQ对象转换、Ajax简单应用、轮播图
jQuery的基本使用.JQ功能概括.JS对象与JQ对象转换.Ajax简单应用.轮播图一.认识jQuery 1.什么是jQuery jQuery是对原生JavaScript二次封装的工具函数集合 j ...
js 对象深复制，创建对象和继承
js 对象深复制,创建对象和继承.主要参考高级编程第三版,总结网上部分资料和自己的代码测试心得.每走一小步,就做一个小结. 1.对象/数组深复制一般的=号传递的都是对象/数组的引用,如在控制台输入 ...

随机推荐

T_SQL 日期函数
日期函数基数表达式的日期和时间或者是从时间间隔中返回值. GETDATE(),返回当前系统的日期和时间.例: SELECT GETDATE(); 结果为:2010-05-18 15:53:08.92 ...
每位 Ubuntu 18.04 用户都应该知道的快捷键
作者: Abhishek Prakash 译者: LCTT XiatianSummer 了解快捷键能够提升您的生产力.这里有一些实用的 Ubuntu 快捷键助您像专业人士一样使用 Ubuntu. 您可 ...
洛谷 P4148 简单题 KD-Tree 模板题
Code: //洛谷 P4148 简单题 KD-Tree 模板题 #include <cstdio> #include <algorithm> #include <cst ...
MongoDB 的replicattion 复制集练习
replicattion 相当于 mysql 的主从复制的读写分离,共同维护相同的数据,提高服务器的可用性[假如主(PRIMARY)不能用时,mongo会迅速自动切到从(SECON ...
zabbix4.0 使用nginx前端安装
注:环境需求:centos7 1.安装阿里云yum源: rpm -ivh https://mirrors.aliyun.com/zabbix/zabbix/4.1/rhel/7/x86_64/zabb ...
现在有一个函数A和函数B，请你实现B继承A
现在有一个函数A和函数B,请你实现B继承A // 方式1 function B(){} function A(){} B.prototype = new A(); // 方式2 function A( ...
Java基础学习总结（22）——异常处理
一.异常的概念异常指的是运行期出现的错误,也就是当程序开始执行以后执行期出现的错误.出现错误时观察错误的名字和行号最为重要. package cn.javastudy.summary; public ...
hadoop MR 任务报错 "Error: java.io.IOException: Premature EOF from inputStream at org.apache.hadoop.io"
错误原文分析文件操作超租期,实际上就是data stream操作过程中文件被删掉了.一般是由于Mapred多个task操作同一个文件.一个task完毕后删掉文件导致. 这个错误跟dfs.datano ...
cookies，sessionStorage和localStorage的区别
共同点:都是保存在浏览器端,且同源的.区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递.而sessionStorage和localStora ...
巧用Linux 架设TFTP Server备份路由器的配置文件
本文首发<网管员世界> 转载本文站点: ChinaITLAB TFTP (普通文件传输协议或一般文件传输协议) 大家一定记得在2003年8月12日全球爆发冲击波(Worm.Blaster ...

js对象基础写法练习

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

随机推荐

热门专题