js中的对象、函数定义以及形参和实参

最新推荐文章于 2022-05-20 15:50:46 发布

Pursuit53

最新推荐文章于 2022-05-20 15:50:46 发布

阅读量1.2k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Pursuit53/article/details/105061224

版权

一、对象属性的两种写法

1、点语法

点语法的属性值不加双引号，运用时不能使用变量

2、中括号的写法

（1）中括号写法obj[“key”]=value;必须有双引号，原因是在key这种写法时，要求属性名必须是字符型或者symbol；
（2）当使用obj[变量]，如果变量的值不是字符型，会隐式转换为字符型，并且将这个字符作为该对象的属性名
【注】任何对象强转为字符串后，就会变成"[object Object]"

二、对象的存储

1、栈的数据读取，写入速度快，但是存储的内容较少（字符型，数值型，布尔型，undefined存在栈中）。在栈中，一旦该变量不再使用时会被清理掉。

2、堆的数据读取，写入速度慢，但是存储的内容多（对象是存储在堆中）。

3、内存泄漏：对象的引用列表中变量并没有清除掉引用关系，因此就不会被垃圾回收车回收。

     var obj={a:1};
     obj=3;//{a:1}的引用列表仍然是obj，但obj已经是新的值3了，于是没有任何方法再获取{a:1}，这个对象也不会被垃圾回收车回收
     obj=null;//当我们不使用某个对象时，要给该对象删除引用，再重新给obj赋值.当内存占用达到一定的时候，就会有一个垃圾回收车将所有堆中没有引用关系的对象回收掉

三、函数

对于js来说，函数就是把任意一段代码放在一个“盒子”里面，想这段代码执行时，直接执行这个“盒子”里代码即可。

1、函数定义
（1）命名函数定义(声明式)

   function abc(){
      console.log("a");
    }
    abc();//执行函数

函数也是对象。
上述代码若加上var fn=abc;fn();意为将函数abc()的函数名赋值给fn。即使不要abc();也能执行函数abc的内容
javascript是解释性语言，代码会一边解释编译，一边执行，当执行到当前的script标签时，预先将当前script标签中所有的命名函数先存储在堆中，并且在栈中给它定义函数名引用该函数地址。
命名函数可以在函数定义之前或者之后执行

<body>
  <script>
    abc();//不能执行函数abc
  </script>

  <script>
    function abc(){
      console.log("a");
    }
    abc(); //在当前script中的函数一旦创建成功，后面的所有script标签都可以使用该函数
  </script>

  <script>
    abc();//可以执行函数abc
  </script>
</body>

(2)匿名函数定义

匿名函数没有名字
可以设置给一个变量，或者设置给一个对象的属性
匿名函数只能在函数定义后执行

变量匿名函数

   //当运行到这一行时，才将这个匿名函数赋值给变量fn
   var fn=function(){
     
   }

对象方法定义匿名函数

  var obj={
     fn:funciton(){

     }
   }

自执行匿名函数。

 缺点：只能执行一次，无法再次调用
  (function(){
     
   })();

3、构造函数定义

 var fn=new Function("参数1","参数1",……,"函数内容");

构造函数中，前面的内容就是这个创建函数的所有参数，最后一个内容就是这个函数执行语句块
要求所有内容都必须是字符串
缺点：构造函数创建函数缺点是运行速度慢，效率低，因为需要将所有的字符串转换为代码

四、函数的参数（重点）

参数分为两种形参和实参

// 声明式
function fn(形参写在这里) {
	// 一段代码
}
fn(实参写在这里)


// 赋值式函数
var fn = function(形参写在这里) {
	// 一段代码 
}
fn(实参写在这里)

1、形参

就是在函数内部可以使用的变量，在函数外部不能使用
每写一个单词，就相当于在函数内部定义了一个可以使用的变量（遵循变量名的命名规则和命名规范）
多个单词之间以逗号分隔

function fun(num1, num2) {
	// 在函数内部就可以使用 num1 和 num2 这两个变量 
}

如果只有形参的话，那么在函数内部使用的值个变量是没有值的，也就是 undefined
形参的值是在函数调用的时候由实参决定的

2、实参

在函数调用的时候给形参赋值的。即在调用的时候给一个实际的内容

function fn(num) {
	// 函数内部可以使用 num  
}
// 这个函数的本次调用，书写的实参是 100 ，那么本次调用的时候函数内部的 num 就是 100 
fn(100);

函数内部的形参的值，由函数调用的时候传递的实参决定
多个参数的时候，是按照顺序一一对应的

3、参数个数的关系
（1）形参比实参少
因为是按照顺序一一对应的，形参少就会拿不到实参给的值，所以在函数内部就没有办法用到这个值

function fn(num1, num2) {
	// 函数内部可以使用 num1 和 num2 
}
// 本次调用的时候，传递了两个实参，100,200 
// 100 对应了 num1，200 对应了 num2，300 没有对应的变量
// 所以在函数内部就没有办法依靠变量来使用 300 这个值 
fn(100, 200, 300);

（2）形参比实参多
因为是按照顺序一一对应的,所以多出来的形参就是没有值的，就是 undefined

function fn(num1, num2, num3) {
	// 函数内部可以使用 num1 num2 和 num3
}
// 本次调用的时候，传递了两个实参，100 和 200 
// 就分别对应了 num1 和 num2 
// 而 num3 没有实参和其对应，那么 num3 的值就是 undefined 
fn(100, 200)