`

JS 面向对象学习笔记

阅读更多

JS 面向对象学习笔记,整理一下:

//arguments装载向函数的传参,类似数组
function add(){
	var res = 0;
	for(var i=0; i<arguments.length; i++){
		res += arguments[i];	
	}
	return res;
}

//alert(add(1,2));//3
//alert(add(1,2,3,4));//10


//call()与apply()函数的应用
var b1 = {v:'this is b1'};
var b2 = {v:'this is b2'};

function b(){
	alert(this.v);	
}

/*b();		//undifiend(this指代window)
window.b(); //undifiend(this指代window)
//call的第一个参数指代函数上下文(作用域)
b.call(b1); //this is b1(this指代b1)
b.apply(b2);//this is b2(this指代b2)*/


//类的修改【扩展】
var d = new Number(5);
d.add = function(b){
	//return this+b;	
	return this+arguments[0];
}

//alert(d.add);
//alert(d.add(6));


//如何给所有的Number的实例都加上一个add方法
//prototype属性,所有的类均具有
//给Number类的prototype属性加了一个方法,这个方法可以应用与所有的Number实例
Number.prototype.add = function(b){
	return this+b;	
}
var c = 111;
//链式语法
//alert(c.add(100).add(200).add(300));//711


//给Array类扩展一个indexOf方法
Array.prototype.indexOf = function(v){
	for(var i=0; i<this.length; i++){
		if(this[i] == v){
			return i;
		}
	}
	return -1;
}

var ii = ['11', '22'];
//alert(ii.indexOf('22')); //1


//javascript 类
function Animal(name){
	var dd = 1;//私有变量
	this.name = name; //公有变量
	this.age = 0;
	//定义私有方法
	function prMethod(){
		return dd;
	}
	//定义特权方法,可以访问私有、公有所有成员(变量dd不可销毁,闭包)
	this.sayHello = function(){
		dd++;
		var res = prMethod();
		return dd+':'+this.name+':'+this.age+':'+res;
	}
}
	
var i1 = new Animal('cat'); 
var i2 = new Animal('dog'); 

//alert(i1.sayHello()); //2:cat:0:2
//alert(i2.sayHello()); //2:dog:0:2

//此类扩展方法只能访问类的公有成员
Animal.prototype.hello = function(){
	return this.name+':'+this.age;
}

//alert(i1.hello()); //cat:0
//alert(i2.hello()); //dog:0


//继承的实现
function classA(name){
	this.name = name;
	this.showName = function(){
		return this.name;
	}
}

//类B继承类A
function classB(name){
	//继承方法一
	/*this.bMethod = classA;
	this.bMethod(name);
	delete this.bMethod;*/
	
	//执行classA函数,并将它的上下文【作用域】指向this(即为classB的实例)
	//继承方法二
	//classA.call(this, name);
	
	//继承方法三
	classA.apply(this, [name]);
}
var aa = new classA('aa');
var bb = new classB('bb');
//alert(aa.showName()); //aa
//alert(bb.showName()); //bb

//继承方法四
function classC(){
}

classC.prototype = new classB('bb1');
var cc = new classC();
cc.name = 'cc';
//alert(cc.showName()); //cc
分享到:
评论

相关推荐

    javascript面向对象学习笔记

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

    js面向对象笔记

    ### JavaScript 面向对象编程 #### 1. 对象创建模式 JavaScript 中创建对象主要有两种模式:工厂模式和构造函数模式。...学习面向对象编程能够帮助开发者编写出更清晰、更结构化、更易于维护的代码。

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

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

    js 笔记 javascript 学习笔记

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

    javascript入门学习笔记

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

    JavaScript 入门 新手学习笔记

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

    JavaScript学习笔记.pdf

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

    h5前端学习笔记

    7. **面向对象补充.md**:JavaScript支持面向对象编程,此文件可能探讨了类、构造函数、继承、封装等面向对象的概念和技巧。 8. **javascript时间戳和日期字符串相互转换.txt**:这部分内容可能讲解了JavaScript中...

    前端JavaScript基础学习笔记案例

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

    JavaScript对象笔记.rar

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

    JS学习笔记(全)

    javascript学习笔记,包括基本语法、面向对象、正则表达式、dom的所有操作

    javascript学习笔记.docx

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

    JS.Class 学习笔记

    这篇学习笔记主要探讨了JS.Class如何利用JS.Module实现继承、方法查找以及模块的使用。 JS.Module在JS.Class中扮演着核心角色,它是一个可以存储方法的对象,用于组织和复用代码。你可以将一个JS.Module看作是一个...

    Web前端JavaScript面向对象编程

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

    JavaScript学习笔记

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

    JavaScript练习程序学习笔记.rar

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

    JS学习笔记doc.rar

    这份“JS学习笔记doc.rar”压缩包包含了一份详细的学习资料,旨在帮助初学者快速理解和掌握JavaScript的核心概念与实践技巧。 1. **基础语法**:JavaScript的基础包括变量声明(var、let、const)、数据类型(如...

    超详细ES6变动,ES6学习笔记,JavaScriptES6学习笔记

    本学习笔记将聚焦于与ES5的区别,帮助初学者快速掌握ES6的核心概念。** 1. **变量声明:let和const** - `let`替代了`var`进行块级作用域的变量声明,解决了`var`的变量提升和函数作用域问题。 - `const`用于声明...

    javascript学习笔记

    ### JavaScript学习笔记精要 #### JavaScript简介 JavaScript是一种强大的、多用途的脚本语言,用于增强网站的交互性和用户体验。它是由Netscape公司的Brendan Eich在1995年发明的,并且迅速成为了Web开发的标准之...

Global site tag (gtag.js) - Google Analytics