怎么理解javascript面向对象技术基础

发布时间:2021-11-20 14:48:55 作者:柒染
来源:亿速云 阅读:93

怎么理解javascript面向对象技术基础,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

函数
javascript函数相信大家都写过不少了,所以我们这里只是简单介绍一下.

创建函数:

function f(x) {........}

var f = function(x) {......}

上面这两种形式都可以创建名为f()的函数,不过后一种形式可以创建匿名函数,函数定义时可以设置参数,如果传给函数的参数个数不够,则从最左边起依次对应,其余的用undefined赋值,如果传给函数的参数多于函数定义参数的个数,则多出的参数被忽略.

Js代码

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

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

Js代码

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属性并不会改变它的长度).

Js代码

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

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

Js代码

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

Method--方法

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

Js代码

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来取得对方法调用者(对象)的引用,从而获取方法调用者的各种属性.

Js代码

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

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

Js代码

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面向对象的核心基础.在后面我们会详细讨论.

关于怎么理解javascript面向对象技术基础问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

推荐阅读:
  1. JavaScript基础
  2. JavaScript基础入门--JavaScript简介

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:如何理解javascript面向对象技术基础

下一篇:怎样创建Visual C++项目

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》