[Javascript] 面向对象编程思想

1.创建对象


1.1 new


用new进行创建对象:

var user = new Object();
user.age = 12;//同时为对象添加属性
user.name = ‘ajun’;

1.2{}


用{}创建对象,如:

var user = {
‘name’:’ajun,
‘age’:12
}

这里同时候为user添加了两个属性分别为:name,age

在以上代码稍加改造,你还可以为一个对象添加一个方法,如:


var user = {
‘name’:’ajun’,
‘age’:12
‘say’:function(){
alert(this.name);//this代表当前对象
}
}

2.类和构造函数


2.1如何定义


在javascript中,所有的变量和方法都是对象,都可以用做参数相互传递的。

看以下这个方法:


function User(name,age){
this.name = name;
this.age = age;
this.say = function(){
alert(this.name+’ say hello!!’);
}
}

此时你可以这样理解,User你可以看成一个类的名字,而User()就是这个类得构造方法,这点有点类似于java中的类和构造方法必须同名,在new
的时候调用其构造方法,一些初始化操作,可以放在你的构造方法内,这里我们用于初始化name和age属性的值,以下创建User对象的代码:

var user = new User(‘ajun’ ,24);
user.say();//ajun say hello!!

在这里解释以下this

当我们在new对象的时候,实际会调用一个被叫做的call(),将当前对象做为参数传递进行,赋值给this,所以this就是指当前引用对象

3.原型


3.1 prototype


在 JavaScript 中,每个方法都有名为“prototype”的属性,用于引用原型对象,看如下代码:


function User(){
this.name = ‘ajun’;
this.age = 24;
this.say = function(){
alert(this.name+’ say hello!!’);
}
}

这个User就会有prototype的属性,引用的时候就可以这样 User.prototype 就可以了,当你new
User对象的时候,这个对象就会继承来自User. prototype的所有的属性,而User.
prototype又继承自Object.prototype的所有的属性,所以你才可以在你对象上调用toString()等方法,其实他都是 Object.
Prototype的属性,只是被你的对象继承过来了而已,在这里你可以理解为java的类得继承,子类继承父类。

有prototype的概念,我们就可以通过prototype给User添加方法、属性了,这样以后每个user对象都共享方法和属性,而不是每个对象都会有他们的副本了。


function User(){
this.name = ‘ajun’;
this.age = 24;
}
User. prototype. say = function(){
alert(this.name+’ say hello!!’);
}
var user = new User();
user.say();
var user2 = new User();
user2.say();

这样我们在new 完一个User对象的时候,调用完这个方法的时候,他还可以供其他方法继续使用。

3.2原型链


每个 JavaScript对象都继承一个原型链,而所有原型都终止于
Object.prototype。注意,迄今为止您看到的这种继承是活动对象之间的继承。它不同于继承的常见概念,后者是指在声明类时类之间的发生的继承。因此,JavaScript
继承动态性更强。它使用简单算法实现这一点,如下所示:当您尝试访问对象的属性/方法时,JavaScript
将检查该属性/方法是否是在该对象中定义的。如果不是,则检查对象的原型。如果还不是,则检查该对象的原型的原型,如此继续,一直检查到
Object.prototype。

JavaScript 动态地解析属性访问和方法调用的方式产生了一些特殊效果:

@ 继承原型对象的对象上可以立即呈现对原型所做的更改,即使是在创建这些对象之后。

@ 如果在对象中定义了属性/方法 X,则该对象的原型中将隐藏同名的属性/方法。例如,

通过在 User.prototype 中定义 toString
方法,可以改写Object.prototype 的 toString 方法。

@ 更改只沿一个方向传递,即从原型到它的派生对象,但不能沿相反方向传递。

例子:


function User(){
this.name = ‘ajun’;
this.age = 24;
}
User. prototype. toString = function(){
alert(this.name+’ say hello!!’);
}
var user = new User();
user. toString ();

此时Object.prototype的toString会被覆盖掉。这样就不会调用Object.prototype的toString了,也就不会输出[Object
Object],而输出的是ajun say hello!!了

4.静态属性和方法


有的时候
,你想不想就像java中那样,通过类直接来操作你的属性和方法,其实在java中这些都是静态属性啦,直接通过类名来引用,在JavaScript中也是可以做的,请看下面的代码:


function User(){}
User.age = 12;
User.name = ‘ajun’;
User.say = function(){
return ‘ajun’;
}
alert(User.say());

之后就可以用方法名字直接引用你的方法或者属性了,而不用在new一次对象了。

5.私有属性

正常情况下,无法从函数以外访问函数内的本地变量。函数退出之后,由于各种实际原因,该本地变量将永远消失。但是,如果该本地变量被内部函数的闭包捕获,它就会生存下来。这一事实是模拟
JavaScript 私有属性的关键,如:


function User(name,age){
this.setName = function(newName){
name = newName;//name相当于setName的name属性
};
this.getName = function(){
return name;
}
this.getAge = function(){
return age;
};
this.setAge = function(newAge){
age = newAge;
};
}
var user = new User(‘ajun‘,24);
alert(user.getName)//ajun
user.setName(‘lisi‘,12);
var newName = user.getName();
alert(newName);//lisi

或者这样也是可以模拟似有属性的,因为name超出其作用域,是不可以被访问的


function User (name, age) {
var name;
this.getName = function() { return name; };
this.setName = function(newName) {
name = newName;
};
}
var user = new User (‘ajun’,12);
user. setName(‘qq‘);
alert(p.getName());

注意:你设定的私有属性,是不能被这个方法内的其他公共方法访问的(指的是共享的方法,通过User.prototype定义的方法),这一点和java是不类似的

只能通过在其闭包内拥有这些私有成员的方法来访问私有成员

如:下面的代码 ,是不可以工作的

User.prototype.somePublicMethod= function() {
alert(this.getName());
}

5.命名空间

这里所说的命名空间就相当于我们在java中使用包的概念,这样可以防止方法名冲突,代码如下:


//命名空间
var AJUN = {};
AJUN.Examples = {};
AJUN.Examples.User=function(){
this.setName = function(newName){
name = newName;
};
this.getName = function(){
return name;
}
this.getAge = function(){
return age;
};
this.setAge = function(newAge){
age = newAge;
};
}
var user = new AJUN.Examples.User();
user.setName(‘ajun‘);
alert(user.getName());

[Javascript] 面向对象编程思想

时间: 2024-10-08 10:32:10

[Javascript] 面向对象编程思想的相关文章

面向对象编程思想(前传)--你必须知道的javascript(转载)

原文地址:http://www.cnblogs.com/zhaopei/p/6623460.html阅读目录 什么是鸭子类型 javascript的面向对象 封装 继承 多态 原型 this指向 call apply band js中的闭包 什么是高阶函数 在写面向对象编程思想-设计模式中的js部分的时候发现很多基础知识不了解的话,是很难真正理解和读懂js面向对象的代码.为此,在这里先快速补上.然后继续我们的面向对象编程思想-设计模式. 什么是鸭子类型 javascript是一门典型的动态类型语

聚焦JavaScript面向对象的思想

面向对象是一种软件开发方法,是一种对现实世界理解和抽象的方法,是计算机编程技术发展到一定阶段后的产物.随着时代的发展,计算机被用于解决越来越复杂的问题.一切事物皆对象,通过面向对象的方式,将现实世界的事物抽象成对象.通过面向对象的方法,更利于用人理解的方式对复杂系统进行分析.设计与编程,今天我们就来学习一下JavaScript面向对象的思想. 面向过程和面向对象编程概述面向过程编程就是分析出解决问题的步骤,然后使用函数把这些步骤一步步实现,重心放在完成的每个过程上.面向对象则是以封装的思想,将问

[连载]JavaScript讲义(03)--- JavaScript面向对象编程

[连载]JavaScript讲义(03)--- JavaScript面向对象编程,布布扣,bubuko.com

Javascript面向对象编程(二):构造函数的继承

这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例. 今天要介绍的是,对象之间的"继承"的五种方法. 比如,现在有一个"动物"对象的构造函数. function Animal(){ this.species = "动物"; } 还有一个"猫"对象的构造函数. function Cat(name,color){ this.name = name; this.color = col

Javascript 面向对象编程(一):封装

学习Javascript,最难的地方是什么? 我觉得,Object(对象)最难.因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握. 下面就是我的学习笔记,希望对大家学习这个部分有所帮助.我主要参考了以下两本书籍: <面向对象的Javascript>(Object-Oriented JavaScript) <Javascript高级程序设计(第二版)>(Professional JavaScript for Web Developers, 2nd

再谈javascript面向对象编程

前言:虽有陈皓<Javascript 面向对象编程>珠玉在前,但是我还是忍不住再画蛇添足的补上一篇文章,主要是因为javascript这门语言魅力.另外这篇文章是一篇入门文章,我也是才开始学习Javascript,有一点心得,才想写一篇这样文章,文章中难免有错误的地方,还请各位不吝吐槽指正 吐槽Javascript 初次接触Javascript,这门语言的确会让很多正规军感到诸多的不适,这种不适来自于Javascript的语法的简练和不严谨,这种不适也 来自Javascript这个悲催的名称,

面向对象编程思想(OOP)

本文我将从面向对象编程思想是如何解决软件开发中各种疑难问题的角度,来讲述我们面向对象编程思想的理解,梳理面向对象四大基本特性.七大设计原则和23种设计模式之间的关系. 软件开发中疑难问题: 软件复杂庞大 很多软件进入维护阶段 需求的不断变更 软件开发中存在很多其他的问题,上面只是从程序开发和设计的角度看到的部分问题.需求解决上面软件开发中的问题,就要求我们编写(设计)的软件具有很好的可读性.可维护性和可扩展性.我们需要保证代码具有高内聚低耦合. 下面将简单介绍面向对象的一些基本特性.设计原则,以

面向对象编程思想的哲学起源(转载)

http://www.xuebuyuan.com/566309.html 本来想象着写一整篇「面向对象编程思想的哲学起源」这样的题目,笔走纸上,方才发现这样的题目足够出本书,知识不够,写不动.但心里还是想写点自己的所思所想. 全篇就拿JAVA来举例了.众所周知,面向对象的四大基本要素:抽象(Abstract).封装(Encapsulation).继承(Inheritance).多态(Polymorphism). 很多人坚持<逻辑学>是唯物哲学的基础,不懂,姑且不论.哲学就是对自然学科的抽象,看

JavaScript面向对象编程深入分析

二. Javascript 面向对象编程:构造函数的继承 本节主要介绍,如何生成一个"继承"多个对象的实例. 比如,现在有一个"动物"对象的构造函数, function Animal(){ this.species = "动物"; } 还有一个"猫"对象的构造函数, function Cat(name,color){ this.name = name; this.color = color; } 怎样才能使"猫&qu