原生js面向对象基本思想及介绍

最新推荐文章于 2024-06-11 16:42:32 发布

Super-小志志

最新推荐文章于 2024-06-11 16:42:32 发布

阅读量3.2k

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/u013239236/article/details/43068173

版权

学习笔记专栏收录该内容

9 篇文章 1 订阅

订阅专栏

今天学习了js面向对象，勉强算是面向对象吧，首先比较js是基于对象的饿，要想高级语言（java和。net）那样完全面向对象是不可能的，因为面向对象的三大特征，封装，继承，多肽，但在js不存在多肽，因为如果在同一个js文件中定义2个方法名相同的方法，不论参数个数，参数类型（js中参数不存在类型），是否相同，浏览器从上到先解析js文件（htnl文件），会已最后一个方法为准，最后一个方法（函数）会掩盖之前所有的同名的方法，

现在主要介绍一些js面向对象的思想，首先定义对象，js中定义对象，实际上就是定义一个方法，用关键字function定义，和一般的方法（函数）的定义没有什么区别，只是在调用的时候，如果是直接掉用就是方法（函数）的执行，如果通过var 定义一个变量（这里说成对象更合理）然后在通过关键字new 去生成对象，那这就是js创建对象，还有一点的区别是，虽然，对象和方法都是通过function定义，但是一般的方法都只是功能代码的封装，但如果定义的是对象，里面就主要是属性的封装，已经与属性相关的一些方法，要么就是一个空方法（对象），然后可以动态的创建属性和方法，比如，创建一个学生对象，里面有2个属性，一个姓名（name），一个年龄（age），那么在定义这个对象的时候就可以吧这2个把这2个属性直接定义为该对象的属性

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js对象</title>
<script type="text/javascript">
	//定义一个自带属性的对象
	function Student(_name,_age){
		this.name=_name
		this.age=_age;
		this.getName=function(){return this.name;}
		this.setName=function(_name){this.name=_name;}
	}
	//定义一个没有属性的对象
	function _student(){}
	window.οnlοad=function(){
			var studs=new Array();//定义一个集合（数组）
			var student1=new Student();//创建对象
			student1.setName('张三');//通过方法赋值
			student1.age=23;//通过属性赋值
			var student2=new Student('李四',25);//创建对象（通过参数赋值）
			var student3=new Student('王五',25);//创建对象（通过参数赋值）
			var _student1=new _student()//创建一个没有属性的对象
				_student1.sex='男';//动态的创建属性并赋值
				_student1.belong1='属性1'//动态的创建属性并赋值
				_student1.belong2='属21'//动态的创建属性并赋值
			studs[0]=student1;//吧对象添加到集合
			studs[1]=student2;//吧对象添加到集合
			studs[2]=student3;//吧对象添加到集合
			var info='这是通过对象读取信息：<br/>'
			for(var i=0;i<studs.length;i++){
				info+='姓名：'+studs[i].name+' 年龄：'+studs[i].age+' getName方法：'+studs[i].getName()+'<br/>';
			}
			document.getElementById('content').innerHTML=info;
			document.getElementById('content1').innerHTML="动态属性数据：<br/>_student1.sex:"+_student1.sex+"_student1.belong1:"+_student1.belong1+"_student1.belong2:"+_student1.belong2;
			
		}
</script>
</head>
<body>
<div id="content"></div>
<div id="content1"></div>
</body>
</html>

Super-小志志

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
原生js面向对象基本思想及介绍

今天学习了js面向对象，勉强算是面向对象吧，首先比较js是基于对象的饿，要想高级语言（java和。net）那样完全面向对象是不可能的，因为面向对象的三大特征，封装，继承，多肽，但在js不存在多肽，因为如果在同一个js文件中定义2个方法名相同的方法，不论参数个数，参数类型（js中参数不存在类型），是否相同，浏览器从上到先解析js文件（htnl文件），会已最后一个方法为准，最后一个方法（函数）会掩盖之
复制链接

扫一扫

专栏目录