博主信息
博文 17
粉丝 0
评论 0
访问量 12481
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
创建对象的方式(字面量或构造函数)-20180911
NiceLiving的博客
原创
850人浏览过

实例1、js的基础语法 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js基础语法</title>
	<script type="text/javascript" >
		//字面量输出
		// document.write('hahahahaha');
		// console.log('犇犇');
		function add(){
			let m= arguments.length; //返回参数的数量
			switch(m){
				case 0:
				return '至少一个参数';
				break;
				case 1:
				return arguments[0];
				break;
				case 2:
				return arguments[0]+arguments[1];
				break;
				case 3:
				return arguments[0]+arguments[1]+arguments[2];
				break;
				default:
				return '参数过多';
				break;


			}
		}
		console.log(add(10,20,30,40));
	</script>
</head>
<body>
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例 js创建对象1

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>对象</title>
	<script >
	let obj = new Object();//创建函数
	obj.name='chang';
	obj.age=1;
	obj.getName=function(){return this.name};
	obj.getAge=function(){return this.age};
	console.log(obj.getName());
	console.log(obj.getAge());

	let obj1 = {
		name:'benben',
		'sex':'baby',
		getName:function (){return this.name},
		getSex:function (){return this.sex}
	}
	// obj1.name;
	console.log(obj1.name);
	console.log(obj1.getName());
	console.log(obj1['sex']);
	console.log(obj1.getSex());
	console.log(obj1);
	

	</script>
</head>
<body>
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例 js创建对象2

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>创建对象</title>
	<script type="text/javascript">
		//1、创建函数 (方法) 用来创建对象
		function creatObj(name,age){
			let obj = new Object();
			obj.name= name;
			obj.age=age;
			return obj;
		}
		let obj1=creatObj('ben',1);
		let obj2=creatObj('ben2',1);
		let obj3=creatObj('ben3',1);
		console.log(obj1);
		console.log(obj2);
		console.log(obj3);
		//2、创建构造函数 (方法) 由工厂函数演变而来
		function Stu(name,age){
			// let obj = new Object();
			this.name = name;
			this.age = age;
			this.getName = function(){
				return this.name;
			}
			// return obj;
		}
		//new Stu('benben',2);
		//相当于
		let obj4 = new Stu('benben',2);
		console.log(obj4);
		
		// 3、原型:所有实例可共享的属性或方法
		function Stu(){
			
		}
		//实现方法的共享
		Stu.prototype.getName=function(){
				return this.name;
			}
		Stu.prototype.name='benbenben';
		Stu.prototype.age=3;
		let obj5 = new Stu();
		console.log(obj5);


	</script>

</head>
<body>
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学