Javascript面对对象. 第一篇

Javascript,有两个种开发模式:

1.函数式(过程化)2.面对对象(oop),面对对象语言有一个标志,就是类,而通过类可以创建任何多个属性和方法,而Ecmascript没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。

1.创建对象

创建一个对象,然后给这个对象新建属性和方法。

         var box=new Object();//创建对象
		box.name=‘link‘; //添加属性,值
		box.age=45;
		box.run=function(){//创建方法
			return this.name+this.age+‘运行中....‘;
		}
		alert(box.run());

上面创建一个对象,并且给这个对象新建属性和方法。在run()方法里的this,就是代表box对象本身,这种是js创建对象最基本的方法,但是有个缺点,就是创建一个

类似的对象,就会产生大量代码。

	   var box=new Object();//创建对象
		box.name=‘link‘; //添加属性,值
		box.age=45;
		box.run=function(){//创建方法
			return this.name+this.age+‘运行中....‘;
		}
		alert(box.run());

		var box1=new Object();
		box1.name=‘html‘;
		box1.age=45;
		box1.run=function(){
			return this.name+this.age+‘运行中....‘;
		}
		alert(box1.run());

为了解决多个对象声明的问题,所以我简单说一下工厂模式的方法,这个方法就是为了解决实例化对象产生的大量重复的问题。

                  function createObject(name,age){
				var obj=new Object();   //创建对象
				obj.name=name;            //添加属性
				obj.age=age;
				obj.run=function(){           //创建方法
				   return this.name+this.age+" 运行中..."
				}
				return obj;         //返回对象
			}
			var box=createObject(‘link‘,23);       //创建第一个对象
			var box1=createObject(‘lxl‘,23)         //创建第二个对象
			alert(box.run());
			alert(box1.run());

解决了大量重复问题,但是还有一个问题,就是识别的问题,因为根本无法搞清楚他们到底是哪个对象的实例。

下一篇我会写明白。

ps:当然我的理解,可能不是全部正确,请小伙伴们,多多指出,多多指教!

时间: 2024-11-05 13:37:54

Javascript面对对象. 第一篇的相关文章

javascript面对对象编程 之继承

上一篇博客中为大家介绍了javascript面向对象编程原则的封装,今天为大家介绍继承,在javascript中没有类的概念,所有不能像c#,java语言那样,直接的用类去继承类.比如现在有比如,现在有一个"动物"对象的构造函数. function Animal(){ this.species = "动物"; } 还有一个"猫"对象的构造函数. function Cat(name,color){ this.name = name; this.co

深入理解javascript作用域系列第一篇——内部原理

× 目录 [1]编译 [2]执行 [3]查询[4]嵌套[5]异常[6]原理 前面的话 javascript拥有一套设计良好的规则来存储变量,并且之后可以方便地找到这些变量,这套规则被称为作用域.作用域貌似简单,实则复杂,由于作用域与this机制非常容易混淆,使得理解作用域的原理更为重要.本文是深入理解javascript作用域系列的第一篇——内部原理 内部原理分成编译.执行.查询.嵌套和异常五个部分进行介绍,最后以一个实例过程对原理进行完整说明 编译 以var a = 2;为例,说明javasc

javascript面向对象系列第一篇——构造函数和原型对象

× 目录 [1]构造函数 [2]原型对象 [3]总结 前面的话 一般地,javascript使用构造函数和原型对象来进行面向对象编程,它们的表现与其他面向对象编程语言中的类相似又不同.本文将详细介绍如何用构造函数和原型对象来创建对象 构造函数 构造函数是用new创建对象时调用的函数,与普通唯一的区别是构造函数名应该首字母大写 function Person(){ this.age = 30; } var person1 = new Person(); console.log(person1.ag

Javascript面对对象. 第三篇

3.字面量 为了让属性和方法很好的体现封装的效果,并且减少不必要的输入原型的创建可以使用字面量. function Box(){} //使用字面量的方法创建原型对象,这里的{}就是对象,是Object,new Object就是相当于{} Box.prototype={ name:'link', age:23, run:function(){ return this.name+this.age+'运行中...' } }; var box=new Box(); alert(box.run()); 使

JavaScript 学习之第一篇JavaScript的数据类型(2016/8/29 晚 23:12)

1. JavaScript的数据类型 JavaScript 里面有6中数据类型 Boolean String Number Undefined Null Object object(对象)类型包含了数组(arrays) 函数(functions) 以及其他一般对.  数字(Numbers) 类型可以是整型(intergers)或者浮点数(float point)类型以及特殊值NaN 和 Infinity  字符串(Strings)类型包含了空字符串 " ". 布尔值(Booleans)

javascript动画系列第一篇——模拟拖拽

× 目录 [1]原理介绍 [2]代码实现 [3]代码优化[4]拖拽冲突[5]IE兼容 前面的话 从本文开始,介绍javascript动画系列.javascript本身是具有原生拖放功能的,但是由于兼容性问题,以及功能实现的方式,用的不是很广泛.javascript动画广泛使用的还是模拟拖拽.本文将详细介绍该内容 原理介绍 模拟拖拽最终效果和在桌面上移动文件夹的效果类似 鼠标按下时,拖拽开始.鼠标移动时,被拖拽元素跟着鼠标一起移动.鼠标抬起时,拖拽结束 所以,拖拽的重点是确定被拖拽元素是如何移动的

Javascript之旅——第一篇:从变量说起

工作这几年,js学的不是很好,正好周末有些闲时间,索性买本<js权威指南>,大名鼎鼎的犀牛书,好好的把js深入的看一看.买过这本 书的第一印象就是贼厚,不过后面有一半部分都是参考手册. 一:作用域 说起变量第一个要说到的肯定就是作用域,正是因为不熟悉JS的作用域,往往就会把面向对象的作用域张冠李戴,毕竟有些东西总是习惯性 的这样,但是并不是每次照搬都是可以的,那么下一个问题就来了,js到底是什么作用域,当然是函数作用域了,我们的浏览器就是一个被实例 化的window对象,如果在window下定

javascript运动系列第一篇——运动函数

× 目录 [1]简单运动 [2]定时器管理 [3]分享到效果[4]移入移出[5]运动函数[6]透明度[7]多值[8]多物体 前面的话 除了拖拽以外,运动也是javascript动画的一个基本操作.通过CSS属性transition和animation可以实现运动.但是,要进行更精细地操作,javascript运动是必不可少的.本文将详细介绍javascript运动 简单运动 让一个元素在页面中运动起来很简单,设置定时器,改变定位元素的left或top值即可 <button id="btn&

JavaScript 学习日记 第一篇 Arrays

Arrays Arrays 的一系列方法 pop & push function myFunction() { var testArray = []; testArray = [1, 2, 3, 4]; alert(testArray.pop()); //show 4 for (var i = 0; i < testArray.length; i++) { alert(testArray[i]); }//show 1 2 3 testArray.push(4); for (var i = 0