js对象基础写法练习

最新推荐文章于 2023-07-24 14:21:31 发布
最新推荐文章于 2023-07-24 14:21:31 发布
阅读量97 收藏
点赞数
原文链接：http://www.cnblogs.com/zhujiasheng/p/6133920.html
版权 
<!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>

　　

转载于:https://www.cnblogs.com/zhujiasheng/p/6133920.html

weixin_30703911
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js-iterations:JS对象与数组迭代练习（作业07）
06-26
JavaScript - 对象和迭代 描述 现在我们已经知道了所有六种 JavaScript 对象类型，我们需要熟练地使用它们； 特别是迭代所有这些。 目标 学习目标 完成此任务后，您应该... 熟悉 JavaScript 函数、数组和对象 熟悉迭代数组和对象 绩效目标 完成此作业后，您应该能够有效地使用： 简单的 node.js Web 服务器应用程序 循环遍历对象和数组 测试驱动的开发 细节 这个任务包括一个简单的测试运行器，它对我们需要完成的功能执行测试。 正常模式 使所有测试通过。 :)
js对象练习
IT913913的博客
02-14 2015
1.猜数字游戏。要求用户猜1~50之间的一个数字，但是只有5次机会。 function countDown(time){ var nowTime = +new Date(); //返回的是当前时间总的毫秒数 var inputTime = +new Date(time); //返回的是用户输入时间总的毫秒数 var times = (inputTime = nowTime)/1000; //time是剩余时间总的秒数 va
JavaScript对象练习
weixin_30750335的博客
11-01 153
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; chars...
js入门·对象的综合练习(重点介绍Link对象)
曹振华
11-27 479
1：页面载入时改变状态栏文字；2：指向链接时改变状态栏文字；3：打印出当前窗口的URL4：统计本页上有多少个连接5：利用伪链接做些类似按钮的事件（例如按了链接一，链接二的指向就改变）@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/
js基础-对象属性的获取方法练习题
weixin_41675013的博客
05-22 278
var name = "age"; var obj = { age: 10, name: '珠峰培训' }; console.log(obj.name);//珠峰培训 console.log(obj['name']);//珠峰培训 console.log(obj[name]);//10
JavaScript基础练习_day2
08-23
### JavaScript基础练习_day2知识点详解 #### 一、概述 本篇练习主要针对JavaScript初学者设计，涵盖了变量声明、数据类型、算术运算、字符串处理以及数组操作等基础概念。通过具体的代码示例来帮助读者理解和掌握...
JavaScript基础练习_day1
08-22
这是因为JavaScript中不存在前缀递增或递减的写法`++3`或`--3`，正确的写法是`3++`或`3--`。 - `var a = 3; console.log(a++);` 的结果为 `3`。这里使用的是后置递增运算符，先返回当前值，然后将变量值加1。 - `...
JavaScript基础练习_day3
08-24
### JavaScript基础练习_day3知识点详解 #### 一、变量赋值与条件判断 **知识点**： 1. **变量声明与赋值**：在JavaScript中，`var`关键字用于声明变量，可以用来存储各种数据类型（如布尔型、字符串、数字等）。 ...
JavaScript基础练习_day14
03-01
### JavaScript基础练习_day14知识点解析 #### 一、字符串重复功能 - **知识点**: `String.prototype.repeat()` 方法用于创建一个新字符串，该字符串是由原字符串重复指定次数组成。 - **示例**: - `"na"....
js基础语法和高级语法练习代码
06-06
本资源包主要包含JavaScript的基础语法和高级语法的练习代码，旨在帮助开发者深化理解并提升JavaScript编程技能。 一、JavaScript基础语法 1. 变量声明：JavaScript中使用`var`、`let`或`const`来声明变量。`var`...
JavaScript面向对象小练习
qq_40641206的博客
02-06 315
//定 义一个动物类， 包含动物性别、动物年龄属性，以及一个说明基 本信息的方法; //定 义一个动物类， 包含动物性别、动物年龄属性，以及一个说明基 本信息的方法; //创建一条哈士奇，说明狗的基本信息并完成狗吠; //创建一条哈士奇，说明狗的基本信息并完成狗吠; //创建一条哈士奇，说明狗的基本信息并完成狗吠; <!DOCTYPE html> <html lang="en"&...
JS对象应用小练习
m0_48792508的博客
03-19 334
以下是某班级学生一次考试的成绩，将每位学生的五项信息以对象的形式按照学号从小到大的顺序存入数组。计算每个学生的总成绩，并按照总成绩从高到低进行排序。最终在网页中以表格的形式输出排序后的各学生学号与成绩。效果如下： 成绩： 学号 语文 数学 英语 总成绩 202001 105 62 118 202002 89 78 120 202003 86 64 80 202004 78 99 91 202
Javascript中的对象和数组拷贝方法
一键写代码的博客
08-27 190
浅拷贝的意思就是只复制引用（指针），而未复制真正的值。 目前实现深拷贝的方法不多，主要是两种： 1、利用 JSON 对象中的 parse 和 stringify 2、利用递归来实现每一层都重新创建对象并赋值 （一）：JSON 对象中的 parse 和 stringify 确实是深拷贝，但是，ndefined、function、symbol 会在转换过程中被忽略，所以，如果对象中含有一个函数时（很常...
js 面向对象简单练习（继承）
chupi7359的博客
12-06 230
本文简单练习了JavaScript面向对象语言继承对象的方法（结合上一篇文章阅读更佳），更多的讲解请参照《JavaScript 高级程序设计》（人民邮电出版社）！ 本文练习代码：https://github.com/Xganying/JavaScript/blob/master/inheri...
JS内置对象练习（慕课网题目）
weixin_30615767的博客
09-09 184
效果图: XXXX年XX月X日 星期X--班级总分为:81 格式要求： 1、显示打印的日期。 格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。 2、计算出该班级的平均分（保留整数）。 同学成绩数据如下： "小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76" 我的解答 <!D...
JS面向对象练习
最新发布
Dou的博客
07-24 47
【代码】JS面向对象练习。
js对象小练习
Z137683915的博客
03-28 90
js对象小练习。
JS对象的练习
天空守护云
02-22 2190
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;script type="text/javascript"&gt; /*
js 面向对象练习
guyatao13的专栏
01-07 963
function Student(name,age){     this.name=name;     this.age=age; } Student.hello="Hello World"; Student.prototype.sayHello=function(){     return this.name+"--"+this.age+"--"+Student.hello; };
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值