`
sdcyst
  • 浏览: 59006 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

javascript面向对象技术基础(三)

阅读更多

函数
javascript函数相信大家都写过不少了,所以我们这里只是简单介绍一下.
创建函数:
function f(x) {........}
var f = function(x) {......}
上面这两种形式都可以创建名为f()的函数,不过后一种形式可以创建匿名函数
函数定义时可以设置参数,如果传给函数的参数个数不够,则从最左边起依次对应,其余的用undefined赋值,如果传给函数
的参数多于函数定义参数的个数,则多出的参数被忽略.

 

function myprint(s1,s2,s3) {
    alert(s1+"_"+s2+"_"+s3);
}
myprint();      //undefined_undefined_undefined
myprint("string1","string2"); //string1_string2_undefined
myprint("string1","string2","string3","string4"); //string1_string2_string3

 

因此,对于定义好的函数,我们不能指望调用者将所有的参数全部传进来.对于那些必须用到的参数应该在函数体中
加以检测(用!操作符),或者设置默认值然后同参数进行或(||)操作来取得参数.

 

function myprint(s1,person) {
    var defaultperson = {   //默认person对象
        "name":"name1",
	"age":18,
	"sex":"female"
    };
    if(!s1) {    //s1不允许为空
        alert("s1 must be input!");
	return false;
    }
    person = person || defaultperson;  //接受person对象参数
    alert(s1+"_"+person.name+":"+person.age+":"+person.sex);
};

myprint(); //s1 must be input!
myprint("s1"); //s1_name1:18:female
myprint("s1",{"name":"sdcyst","age":23,"sex":"male"});  //s1_sdcyst:23:male

 

函数的arguments属性
在每一个函数体的内部,都有一个arguments标识符,这个标识符代表了一个Arguments对象.Arguments对象非常类似
于Array(数组)对象,比如都有length属性,访问它的值用"[]"操作符利用索引来访问参数值,但是,二者是完全不同的
东西,仅仅是表面上有共同点而已(比如说修改Arguments对象的length属性并不会改变它的长度).

 

function myargs() {
    alert(arguments.length);
    alert(arguments[0]);
}
myargs();   //0  ---  undefined
myargs("1",[1,2]);  //2 --- 1

 Arguments对象有一个callee属性,标示了当前Arguments对象所在的方法.可以使用它来实现匿名函数的内部递归调用.

function(x) {
    if (x <= 1) return 1;
    return x * arguments.callee(x-1);
}  (section8.2)

 ------------------------------------------------------------------

Method--方法
方法就是函数.我们知道,每一个对象都包含0个或多个属性,属性可以是任意类型,当然也包括对象.函数本身就是一种
对象,因此我们完全可以把一个函数放到一个对象里面,此时,这个函数就成了对象的一个方法.此后如果要使用该方法,
则可以通过对象名利用"."操作符来实现.

var obj = {f0:function(){alert("f0");}}; //对象包含一个方法
function f1() {alert("f1");}
obj.f1 = f1;    //为对象添加方法

obj.f0(); //f0  f0是obj的方法
obj.f1(); //f1  f1是obj的方法
f1();     //f1  f1同时又是一个函数,可以直接调用
f0();     //f0仅仅是obj的方法,只能通过对象来调用

 

方法的调用需要对象的支持,那么在方法中如何获取对象的属性呢?this!this关键字我们已经很熟悉了,在javascript的方
法中,我们可以用this来取得对方法调用者(对象)的引用,从而获取方法调用者的各种属性.

 

var obj = {"name":"NAME","sex":"female"};
obj.print = function() {  //为对象添加方法
    alert(this.name + "_" + this["sex"]);
};
obj.print();  //NAME_female
obj.sex = "male";
obj.print();  //NAME_male

 

下面我们来一个更加面向对象的例子.

var person = {name:"defaultname",
              setName:function(s){
	          this.name = s;
	      },
	      "printName":function(){
	          alert(this.name);
	      }}
person.printName();       //defaultname
person.setName("newName");
person.printName();       //newName

 

在上面的例子中,完全可以用person.name=..来直接改变person的name属性,在此我们只是为了展示一下刚才提到的内容.
另一种改变person属性的方法就是:定义一个function,接收两个参数,一个是person,一个是name的值,看起来像是这样:
changeName(person,"newName").哪种方法好呢?很明显,例子中的方法更形象,更直观一些,而且好像有了那么一点面向
对象的影子.

再次强调一下,方法(Method)本身就是是函数(function),只不过方法的使用更受限制.在后面的篇幅中,如果提到函数,那么
提到的内容同样适用于方法,反之则不尽然.

函数的prototype属性
每一个函数都包含了一个prototype(原型)属性,这个属性构成了javascript面向对象的核心基础.在后面我们会详细讨论.

分享到:
评论
17 楼 自行车 2009-02-13  
seven_cuit 写道

这种方式应该算是一种对象直接量声明,那么在这种形式的对象声明中,怎么让一个属性成为private呢;另外,想请教一下有没有js编码风格或规范之类的建议?


function Person()
  {
       var name="bill";
   var age=18;
       this.getName=function()
   {
              return name;
   }
  }
var p=new Person();
alert(p.getName()+"___"+p.name)//bill___undefined 
16 楼 fornever 2009-01-04  
sdcyst 写道

langhua9527 写道Java代码 "name":"defaultname"&amp;nbsp;与&amp;nbsp;name:"defaultname"&amp;nbsp;是一样的&amp;nbsp;&amp;nbsp;var&amp;nbsp;defaultname&amp;nbsp;=&amp;nbsp;"";&amp;nbsp;&amp;nbsp;"name":defaultname&amp;nbsp;与&amp;nbsp;name:defaultname&amp;nbsp;是一样的&amp;nbsp;&amp;nbsp;&amp;nbsp;"name":"defaultname"&nbsp;与&nbsp;name:"defaultname"&nbsp;是一样的&nbsp;&nbsp;var&nbsp;defaultname&nbsp;=&nbsp;"";&nbsp;&nbsp;"name":defaultname&nbsp;与&nbsp;name:defaultname&nbsp;是一样的&nbsp;&nbsp;&nbsp;"name":"defaultname"&amp;nbsp;与&amp;nbsp;name:"defaultname"&amp;nbsp;是一样的&amp;nbsp;&amp;nbsp;var&amp;nbsp;defaultname&amp;nbsp;=&amp;nbsp;"";&amp;nbsp;&amp;nbsp;"name":defaultname&amp;nbsp;与&amp;nbsp;name:defaultname&amp;nbsp;是一样的&amp;nbsp;&amp;nbsp;&amp;nbsp;"name":"defaultname" 与 name:"defaultname" 是一样的
var defaultname = "";
"name":defaultname 与 name:defaultname 是一样的
没看懂到底是什么意思........


总体要表达的意思应该是:对象中冒号前面的属性名称用不用引号都可以,因为它(属性)都是字符串类型,也许js为了简便允许不写引号~,但是冒号后面的内容可以是任意类型数据,所以name:defaultname的情况defaultname会被认为是一个变量,而不是字符串"defaultname"
15 楼 fornever 2009-01-04  
hanjs 写道

按说明,应该是person=false才对?为何等于后面的defaultperson了?

JScript 使用下面的规则来把非 Boolean 值转换为 Boolean 值:

所有对象都被认为是 true。
字符串当且仅当为空时才被认为是 false。
null 和 undefined 被认为是 false。
数字当且仅当为 0 时才是 false。

明白了,对象都被认为是true,谢谢


||符号存在二义性,因为js里可以存在单值表达式,比如if(100),if(a)之类的语句,这时虽然js会做自动的类型转化,但是返回的结果仍然是单值表达式的结果,因此

person = person || defaultperson


如果person有意义,即不为null或undefined或0或""或false,就返回person变量,否则返回后者。
14 楼 fornever 2009-01-04  
achun 写道

忘掉private属性吧,这根本就和js的理念不符.js的世界不是这样的.纯粹是画蛇添足


function People(){
    this.name = "fornever";//共有
    var age = 11; //私有
}

13 楼 hanjs 2008-12-30  
按说明,应该是person=false才对?为何等于后面的defaultperson了?

JScript 使用下面的规则来把非 Boolean 值转换为 Boolean 值:

所有对象都被认为是 true。
字符串当且仅当为空时才被认为是 false。
null 和 undefined 被认为是 false。
数字当且仅当为 0 时才是 false。

明白了,对象都被认为是true,谢谢
12 楼 sdcyst 2008-12-30  
hanjs 写道
没有太明白这段代码

person = person || defaultperson;  //接受person对象参数

result = expression1 || expression2

参数
result

任何变量。

expression1

任何表达式。

expression2

任何表达式。

说明
如果两个表达式中有一个或两个等于 True,则 result 是 True。

lz能否说明下?

"||"就是“或”操作符俄,只要一个为真,结果当然为真了....
11 楼 hanjs 2008-12-30  
没有太明白这段代码

person = person || defaultperson;  //接受person对象参数

result = expression1 || expression2

参数
result

任何变量。

expression1

任何表达式。

expression2

任何表达式。

说明
如果两个表达式中有一个或两个等于 True,则 result 是 True。

lz能否说明下?
10 楼 herakles86 2008-12-30  
achun 写道
忘掉private属性吧,这根本就和js的理念不符.
js的世界不是这样的.
纯粹是画蛇添足


千万别把话说绝对~
9 楼 sdcyst 2008-12-23  
langhua9527 写道

"name":"defaultname"&nbsp;与&nbsp;name:"defaultname"&nbsp;是一样的&nbsp;&nbsp;var&nbsp;defaultname&nbsp;=&nbsp;"";&nbsp;&nbsp;"name":defaultname&nbsp;与&nbsp;name:defaultname&nbsp;是一样的&nbsp;&nbsp;&nbsp;"name":"defaultname" 与 name:"defaultname" 是一样的
var defaultname = "";
"name":defaultname 与 name:defaultname 是一样的 


没看懂到底是什么意思........
8 楼 langhua9527 2008-12-23  
"name":"defaultname" 与 name:"defaultname" 是一样的
var defaultname = "";
"name":defaultname 与 name:defaultname 是一样的 
7 楼 achun 2008-12-22  
忘掉private属性吧,这根本就和js的理念不符.
js的世界不是这样的.
纯粹是画蛇添足
6 楼 sdcyst 2008-12-22  
langhua9527 写道

Java代码 "name":"defaultname"&nbsp;&nbsp;name:defaultname&nbsp;&nbsp;"name":"defaultname"
name:defaultname这个是一样的么,你补充一下嘛

这个是不一样的
"name":"defaultname" 与 name:"defaultname" 是一样的
"name":defaultname 与 name:defaultname 是一样的
5 楼 langhua9527 2008-12-22  
"name":"defaultname"
name:defaultname
这个是一样的么,你补充一下嘛
4 楼 sdcyst 2008-12-22  
langhua9527 写道
最后一个例子应该这样才对吧。。。楼主你看一看是不是???
var person = {"name":"defaultname",      
              setName:function(s){      
              this.name = s;      
          },      
          printName:function(){      
              alert(this.name);      
          }}      
person.printName();       //defaultname      
person.setName("newName");      
person.printName();       //newName    

在js中定义对象的时候,“:”前为属性的名称,后面为值,其中属性的名称只能是字符串,所以,属性名字加引号和不加引号的作用是一样的,也就是说:
setName:function() {}

"setName":function() {}
的作用是一样的
3 楼 langhua9527 2008-12-21  
最后一个例子应该这样才对吧。。。楼主你看一看是不是???
var person = {"name":"defaultname",      
              setName:function(s){      
              this.name = s;      
          },      
          printName:function(){      
              alert(this.name);      
          }}      
person.printName();       //defaultname      
person.setName("newName");      
person.printName();       //newName    
2 楼 sdcyst 2008-12-10  
seven_cuit 写道

想问一下楼主,以上面的例子为例, var person = {name:"defaultname",&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; setName:function(s){&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.name = s;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; },&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "printName":function(){&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(this.name);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }} 这种方式应该算是一种对象直接量声明,那么在这种形式的对象声明中,怎么让一个属性成为private呢;另外,想请教一下有没有js编码风格或规范之类的建议?

javascript中模拟私有属性牵涉到的知识我也只是懂一些,具体到细节还正在学习.以后等我理解的差不多了我会再写出来,大家共同学习.下面这个例子先给你参考一下,有个大概的印象:
function Person(name, age) {
    this.getName = function() { return name; };
    this.setName = function(newName) { name = newName; };
    this.getAge = function() { return age; };
    this.setAge = function(newAge) { age = newAge; };
}

var p1 = new Person("sdcyst",3);
alert(p1.getName());  //sdcyst
alert(p1.name);       //undefined   因为Person('类')没有name属性
p1.name = "mypara"    //显示的给p1添加name属性
alert(p1.getName());  //sdcyst     但是并不会改变getName方法的返回值
alert(p1.name);       //mypara     显示出p1对象的name属性
p1.setName("sss");    //改变私有的"name"属性
alert(p1.getName());  //sss
alert(p1.name);       //仍旧为mypara


至于规范或编码风格之类的东西,我觉得自己还没有那个实力给您提出意见.不过有很多js高
手都有这方面的文章,还是看看他们的吧.
人怎么说的吧.
1 楼 seven_cuit 2008-12-10  
想问一下楼主,以上面的例子为例,
var person = {name:"defaultname", 
               setName:function(s){ 
               this.name = s; 
          }, 
           "printName":function(){ 
               alert(this.name); 
           }}
这种方式应该算是一种对象直接量声明,那么在这种形式的对象声明中,怎么让一个属性成为private呢;另外,想请教一下有没有js编码风格或规范之类的建议?

相关推荐

    javascript面向对象技术基础

    JavaScript是一种广泛应用于...以上是JavaScript面向对象技术的一些基础知识。通过理解并熟练运用这些概念,开发者能够编写出更清晰、更易于维护的代码。对于JavaScript初学者来说,掌握这些基础是进阶学习的关键步骤。

    [推荐]javascript 面向对象技术基础教程

    本文将深入浅出地讲解JavaScript中的面向对象技术基础,包括对象、数组、函数、类、构造函数以及原型等方面的知识。 首先,让我们来看看对象和数组。在JavaScript中,对象是键值对的集合,这些键通常是字符串,对应...

    javascript 面向对象技术基础教程第1/2页

    JavaScript面向对象技术是该编程语言非常核心的一个部分,它允许开发者使用对象来组织代码,并模拟现实世界中的实体。在JavaScript中,几乎所有的东西都可以被视为对象,包括基本数据类型如数字和字符串。对象包含...

    JAVASCRIPT 面向对象编程精要

    本文介绍了JavaScript面向对象编程的基本概念和技术细节,包括变量和对象的基础用法、函数的作用以及如何通过封装和继承来构建复杂的对象层次结构。JavaScript的独特之处在于它的灵活性和动态性,这使得它成为了一种...

    javascript面向对象编程.pdf

    总而言之,学习现代JavaScript面向对象编程,有助于开发者在认识这门语言演化的基础上,运用面向对象的设计和编程模式来构建更加健壮和可维护的JavaScript应用程序。同时,测试和调试是保证代码质量不可或缺的环节,...

    JavaScript面向对象编程指南.pdf

    通过以上内容,我们可以了解到JavaScript面向对象编程的基础知识以及它的核心概念。在实际应用中,理解并熟练运用这些知识点,将有助于开发出更加结构化和可维护的代码。同时,参与Java学习群和听讲大神的课程将是一...

    javascript面向对象编程(中文).pdf

    ### JavaScript面向对象编程知识点概述 #### 一、现代JavaScript编程概览 - **JavaScript的演进**:自诞生以来,JavaScript经历了从一个简单的脚本语言到现今被广泛应用于构建复杂应用的强大编程语言的过程。它的...

    JavaScript面向对象技术实现树形控件

    JavaScript面向对象技术在实现树形控件中扮演着至关重要的角色。树形控件是一种用于展示层次型数据的用户界面元素,它具有扩展和折叠功能,可以在有限的空间内清晰地展示大量的信息,使得数据间的层级关系一目了然。...

    《JavaScript内核系列》和《JavaScript面向对象基础》

    《JavaScript内核系列》和《JavaScript面向对象基础》这两本书是深入理解JavaScript编程的重要资源。JavaScript,作为一种广泛应用于Web开发的脚本语言,其内核和面向对象特性是开发者必须掌握的基础知识。以下是对...

    javascript 经典面向对象设计

    标题“JavaScript经典面向对象设计”指出了本书的主要内容是关于如何使用面向对象编程(OOP)原则和技术来编写高质量、可扩展且可重用的JavaScript应用程序及库。描述中提到本书相比其他中文资料更为清晰,深入到...

    JavaScript面向对象程序设计

    在JavaScript面向对象编程中,随着Web2.0和Ajax技术的普及,JavaScript的角色从简单的表单验证扩展到了复杂的数据交互和页面动态更新。采用面向对象的编程风格可以使代码结构更加清晰,便于管理和维护。例如,...

    JavaScript面向对象编程指南 第2版 高清 带索引书签目录_样章.pdf

    从所提供的文件信息中,我们可以总结以下几点与“JavaScript面向对象编程指南 第2版 高清 带索引书签目录_样章.pdf”相关的重要知识点。 首先,该文件提到的书籍是关于JavaScript面向对象编程的,面向对象编程...

    js面向对象技术基础

    JavaScript是一种基于原型的面向对象编程语言,它的面向对象技术基础包括对象、数组、原型、作用域、闭包以及模拟私有变量等核心概念。下面将详细介绍这些知识点。 **1. 对象与数组** 在JavaScript中,对象是键值...

    javascript面向对象编程

    ### JavaScript面向对象编程详解 #### 一、现代JavaScript概述 随着技术的发展,JavaScript这门语言已经从最初的简单脚本语言成长为现在广泛应用于Web前端、后端甚至桌面应用的强大编程工具。现代JavaScript具备...

Global site tag (gtag.js) - Google Analytics