`

javascript 面向对象学习笔记一

 
阅读更多

  javascript 面向对象基础知识:

 

//给object对象定义属性;
var obj = new Object;
obj.x = "100";
obj.y = "200";

//定义一个类;
function Foo(){
	this.id = 300;
	this.name = "zhouhaitao";
}

//定义一个数组;
var array = new Array();

//属性测试;
function testProperty(){
	alert(obj.x);
	alert(obj.y);
	
	var foo = new Foo();
	alert(foo.id);
	alert(foo.name);
	
	array.push("数组值1");
	array.push("数组值2");
	array.push("数组值3");
	
	/**
	 * 循环;
	 */
	for(var inx in array){
		alert(array[inx]);
	}
}

//Object对象的inObj设置为1;
Object.prototype.inObj = 1;

//定义A类;
function A(){
	//给属性设置值为2;
	this.inA = 2;
}

//给A类的inAproto属性设置为3;
A.prototype.inAProto = 3;

B.prototype = new A();
B.prototype.constructor = B;

//定义B类;
function B(){
	//给B类属性设置值为4;
	this.inB = 4;
	this.firstMethod = function (num1,num2){
		var  count = num1+num2;
		return count;
	};
}

B.prototype.inBroto = 5;

x = new B;
document.writeln(x.inObj+","+x.inA+","+x.inAProto+","+x.inB+","+x.inBroto);

//打印
function pirintMethod(){
	//调用方法;
	var count = x.firstMethod(1000,1000);
	alert(count);
	
	//定义一个新的方法;
	B.secondMethod = function(msg){
		return msg;
	};
	
	var msg = B.secondMethod("Hello");
	alert("这是创建一个新的方法:"+msg);
}

//定义一个C类;
function C(){
	this.x = 1;
	this.eat = function(){
		this.x=4;
		return this.x;
	};
}

//给C类定义吃的方法;
C.prototype.eat2=function(){
	var y = new C().eat();
	this.x = (y+=1);
};

//定义一个D类;
function D(){
	this.x = 1;
	this.eat = function(){
		this.x=5;
	};
}

//给D类定义一个吃的方法;
D.prototype.eat2 = function(){
	this.x+=2;
};

c = new C();
d = new D();
c.eat2();
d.eat();
document.writeln("<br/>"+c.x+","+d.x+"</br>");

//给E类定义私有成员;
function E(){
	var num = 100;
	
	//定义getter方法;
	this.getNum = function(){
		return num;
	};
	
	//定义setter方法;
	this.setNum = function(number){
		num = number;
	};
};

//测试;
function privateProperty(){
	var e = new E();
	//设置值;
	e.setNum(500);
	//获取值;
	var result =e.getNum();
	
	alert("私有属性:"+result);
	
	myObjMethod();
}

//定义一个空对象;
var myobj = {};

myobj.name = "zhang san";
//定义一个get方法;
myobj.getName = function(){
	return this.name;
};

//定义一个person对象;
var person={id:100,name:'Test',age:30,address:function(x){
	return x;
}};

 

分享到:
评论

相关推荐

    javascript面向对象学习笔记

    总结一下,JavaScript面向对象编程主要包括类的表示(通过构造函数)、对象的创建(对象工厂、构造函数、原型模式)以及继承的实现(原型链)。理解这些概念对于深入学习JavaScript和开发复杂的JavaScript应用至关...

    Javascript 面向对象程式学习笔记收藏

    在JavaScript中,面向对象编程(Object-Oriented Programming,简称OOP)是一种重要的编程范式,它允许我们通过对象和类的概念来组织代码,提高代码的可读性和可维护性。本文将深入探讨JavaScript中的面向对象编程,...

    JavaScript 入门 新手学习笔记

    这篇"JavaScript入门新手学习笔记"提供了全面的学习资源,适合初学者系统性地掌握这一技术。 笔记可能包含了以下关键知识点: 1. **基础语法**:JS的基础包括变量(var、let、const)、数据类型(如字符串、数字、...

    JavaScript对象笔记.rar

    什么是对象 简单点说,编程语言中的对象是对现实中事物的简化。例如,我们一个人就是一个对象,但是编程...在后面的JavaScript对象笔记中,记录了菜鸟在学习JavaScript对象的大多数资源,希望这些资源对你也有价值。

    javascript学习笔记.docx

    这篇学习笔记主要涵盖了JavaScript的基础语法和客户端JavaScript的相关知识。 1. **JavaScript基本语法**: - **变量声明**:未声明的变量尝试读取时会产生错误,而写入未声明的变量会创建一个全局变量。 - **...

    Web前端JavaScript面向对象编程

    这个笔记是我在B站根据Mosh的JavaScript面向对象编程教学视频中学习并记录的,里面有我记录的知识点,自己写的代码,还有小部分的截图。大家可以在学习这个内容的时候看一下我的笔记进行参考一下。 视频链接:...

    JavaScript学习笔记

    ### JavaScript面向对象基础 #### 创建对象 在JavaScript中,创建对象是进行面向对象编程的基础之一。不同于C#等其他语言,JavaScript提供了多种方式来创建对象。最常见的方式是使用`new Object()`或直接通过对象...

    js 笔记 javascript 学习笔记

    本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...

    javascript入门学习笔记

    1. 类与模块:ES6引入了类(class)语法,使得面向对象编程更加简洁。模块(module)允许代码组织和重用。 2. 常量与let:`const`用于声明不可更改的常量,`let`则允许块级作用域内的变量声明。 3. 解构赋值:允许...

    JavaScript练习程序学习笔记.rar

    这份“JavaScript练习程序学习笔记”很可能包含了一系列的代码示例、学习心得和常见问题解答,旨在帮助学习者深入理解和掌握JavaScript编程。 在JavaScript的学习过程中,首先会接触到基础语法,包括变量声明(var...

    前端JavaScript基础学习笔记案例

    个人在学习前端JavaScript时的学习笔记,内含JavaScript的中基础知识点,以及案例。里面有兼容市面上浏览器的方法 1.知识点包括:基础语法,字符串操作,object对象,DOM对象,BOM对象,offset,client,scroll对象...

    js面向对象笔记

    ### JavaScript 面向对象编程 #### 1. 对象创建模式 JavaScript 中创建对象主要有两种模式:工厂模式和构造函数模式。 **工厂模式**是将对象的创建集中到一起进行操作,定义一个函数,通过传递参数来初始化对象的...

    javascript学习笔记

    Java是由SUN公司开发的一种面向对象的编程语言,主要用于服务器端编程和数据库操作,是一种强类型的、编译型的语言。而JavaScript则是一种轻量级的、解释型的脚本语言,主要运行在浏览器上,用于处理前端逻辑,实现...

    JavaScript学习笔记.pdf

    紧接着第二章讲解了JavaScript对象,这是理解JavaScript面向对象编程的基础,对象的创建、属性和方法等知识点在这一章中得到了详细的解释。 第三章专注于JavaScript事件处理,事件是网页交互的核心,掌握事件的捕获...

    Javascript Object 对象学习笔记

    在这份“Javascript Object 对象学习笔记”中,将深入探讨JavaScript对象的基础知识、属性和方法。首先,我们需要明白什么是对象。在JavaScript中,对象是一种复合数据类型,它将许多值(原始值或其他对象)聚合在...

    JavaScript高级程序设计2,学习笔记---第一篇

    这篇学习笔记将带你探索JavaScript的核心概念,包括变量、数据类型、控制流、函数、对象和类等,这些都是构建复杂应用程序的基础。 首先,我们要了解JavaScript的基础语法。在JavaScript中,变量是存储数据的容器,...

    《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析

    总结来说,工厂模式是JavaScript面向对象编程中一种重要的设计模式,它提高了代码的灵活性和可扩展性。通过将对象的创建过程封装起来,使得代码在面对多种相似对象时能保持一致性和低耦合性。无论是简单工厂模式还是...

    javaScript学习笔记总结.docx

    Java是一种静态类型的、面向对象的编程语言,而JavaScript则是动态类型的、基于原型的脚本语言。 JavaScript的主要作用包括: 1. 动态修改HTML和CSS:通过DOM操作,可以改变网页布局和样式。 2. 表单验证:在用户...

    javaScript学习笔记.rar

    这个“javaScript学习笔记.rar”压缩包显然包含了作者在学习JavaScript过程中的心得和记录,对于初学者或者想要深入理解JavaScript的人来说,是一份宝贵的资源。 JavaScript与Java虽然名字相似,但两者实际上是不同...

Global site tag (gtag.js) - Google Analytics