当前位置：首页 > 资讯 > 技术文档

javascript中的 object 和 function小结

时间：2021-12-08 06:26 编辑：来源：阅读：
扫一扫，手机访问

摘要：javascript中的 object 和 function小结

在学习过传统的面向对象语言后，如 java c++，转学 javascript 却有点不适应，特别是 javascript 中所谓的 object（对象） function（函数），有时候会被搞晕。于是乎简单整理了下面的一些概念性的东西，方便学习和理解，会结合一点 java面向对象的知识加以说明。先了解几个概念： 1.首先 Object 在 ECMAScripe 中是指什么，在 ECMAScripe 中有5种简单数据类型：Undefined，Null,Boolean,Number,String. 还有一种复杂数据类型，那就是Object. 2.引用类型---java中的类的概念引用类型的值 --- java中对象的概念 3.函数 ---- java 中方法的概念 4.var --- 申明变量的一个操作符，因为 js 的变量是松散类型的，所谓松散就是可以用来保存任何数据，变量仅仅用来表示一个占位符而已，所以变量也不必指定什么 String ，int ，直接var 就可以了，注意对象可以用var 声明. 5.Object(), 是什么 --- java中 Object 的构造方法， js 中 Object 的构造函数。 [b]Object[/b] js 是可以动态的添加属性和方法的。比如创建一个 Object 实例 [code]var obj = new Object();[/code] 变量 obj 就是 new Object() 的对象。接下来：

var obj = new Object();
obj.name = 'Zeng';
obj.age = 12;
obj.fun = function () {
  console.log(this.name+this.age);
}

但这样封装性不太好，所以比较经常使用的是对象字面量表示法

var obj = {
  name:'Zeng',
  age:12,
  fun:function () {
    console.log(this.name+this.age);
  }
}
obj.fun(); // 打印出： Zeng12

对象属性的访问： 1，采用中括号 [code]console.log(obj["name"]); [/code] 2，采用点，建议采用此方式 [code]console.log(obj.name ); [/code] [b]function[/b] 函数对于任何语言来说都是重要的一部分，函数是 js的叫法，你也可以理解为就是 java 的方法，c 语言的函数，都一样的。不过在申明和使用上， js 的函数可很大不同。函数的一个示例：

function fun() {
   return "例子";
}
console.log(fun()); // 输出 ： ‘例子'

还可以这样：

var fun = function() {
  return "使用表达式创建函数"
};
console.log(fun()); // 输出 ： "使用表达式创建函数"

上面例子你会注意到函数没有函数名，只有一个变量名 fun ，表达式尾部还有一个；分号，你可以把它当作声明一个变量的表达式就好理解了，声明其它变量是这么写的： [code]var name = "Zeng"; [/code]// 有变量名，还有分号来一个带参数的例子：

function fun() {
   return arguments[0] + arguments[1] + arguments[2];
}
console.log(fun("这是","一个","例子")); // 输出 ：“这是一个例子”

是不是有点奇怪，首先我创建的函数没有带参数的，在调用的时候有给参数，在函数里面也能获得参数并返回。其实这里是要说明一点，js 函数不介意传递进来几个参数，也不在乎参数是什么类型！原因是函数内部接收参数是用一个数组来储存的！数组也就是上面的 arguments ，数组当然不介意你传几个参数进来，有参数我加一，没参数我就是 null 。咱们可以利用这个特性做个例子：模仿方法的重载--利用参数个数的不同执行不同反应

function fun() {
  if(arguments.length == 1){
    return arguments[0]*10;
  }
  if(arguments.length == 2){
    return (arguments[0]+arguments[1])*10;
  }
  return 10;
}
console.log(fun(11,111)); // 返回 1220 ！！！！

没有重载：上面例子是模仿函数的重载，为什么要模仿呢，我自己创建几个不同参数的函数不久可以了。

function fun( num1) {
  return "只有一个参数的函数"
}
function fun( num1,num2) {

  return "有两个参数的函数";
}
console.log(fun(11)); // 输出 “有两个参数的函数”

明明调用的是带一个参数的函数，执行的确是带两个参数的函数。原因：js定义了两个相同名字的函数，该名字只属于后定义的函数！！！所以在 js 中没有重载这一特性。函数名是指针：

var fun = function(num1,num2) {
  return num1+num2;
};

var new_fun = fun;
fun = null; // 将 函数 置 null

console.log(new_fun(10,20)); //输出 ：30
console.log(fun(10,20)); //抛出异常 ：fun is not a function

可看出尽管 fun = null; 但在此之前 var new_fun = fun; 也就是指针也指向了 new_fun 了，所以 new_fun （）函数还能执行，并且函数体没有置 null 函数也可以作为值来使用：

function add(fun,num) {
  return fun(num);
}
function add_10(num) {
  return num+10;
}

console.log(add(add_10,200)); // 输出 : 210

可以这么解释：

function add( 函数  ,  参数  ) {

  return  函数 (  传递过来的参数 );
}

函数的 arguments.callee 这是一个递归的示例

function fun(num) {
  if(num<=1){
    console.log(num );
    return 1 ;
  }else {
    console.log(num );
    return num * arguments.callee(num-1);
  }
}
console.log(fun(3)); // 输出 6

全部评论(0)

上一篇：滚动条响应鼠标滑轮事件实现上下滚动的js代码
下一篇：第九篇Bootstrap导航菜单创建步骤详解

资讯排行榜
更多>>