第六天

02-语言基础-第03天{函数、对象}

• 第六天
  • 函数
    • 函数的申明
    • 函数的调用
    • 函数的参数
    • 函数的返回值
  • 递归
  • 回调函数
  • 对象
    • 对象的申明
    • 对象的属性
    • 对象的方法
    • 对象字面量
    • 对象的遍历
  • null和undefined
    • null出现的场景
    • undefined出现的场景

函数

函数的申明

• 函数申明式

  function fn(){
      // 函数体
  }
  
  

• 函数表达式(匿名函数)

  var fn = function(){
      // 函数体
  }
  
  // fn表示函数名称
  // 函数表达式通常又叫匿名函数 因为没有函数名
  
  

函数的调用

fn();

// 注意:函数只申明不调用是不会执行的

函数的参数

// 申明
function 函数名(形参1,形参2,形参3,){
    // 函数体
}

// 调用
函数名(实参1,实参2,实参3);
函数名(实参1);// 这样写也不会有问题
函数名(实参1,实参2,实参3,实参4);// 这样写也不会有问题

// 注意:函数的实参个数可以和形参的个数不同

函数的返回值

function 函数名(){

    return 要返回值;
}
// 注意:函数不写返回值时默认的返回值是undefined

递归

• 函数在内部调用自身函数叫递归

• 递归通常需要结束条件(否则也是死循环)

  function fn(){
      fn();
  }
  fn();
  
  

回调函数

• 被当做参数传递的函数叫回调函数

  function fn1(){
      console.log(“我是回调函数”);
  }
  
  function fn2(parameter){
      parameter(); // 调用函数
      // 这里的parameter是形参 代表传进来的函数fn1
  }
  
  fn2(fn1);// fn1就是一个回调函数
  
  

对象

对象的申明

• 通过构造函数申明

  var obj = new Object();
  
  

• 通过字面量申明

  var obj = {};
  
  

对象的属性

• 属性的定义

  var obj = new Object();
  obj.属性名 = 属性值;
  
  

• 属性的调用

  console.log(obj.属性名);// 打印出来的就是属性值
  console.log(obj["属性名"]);也可以用中括号的方式访问对象的属性
  
  

对象的方法

• 方法的申明

  var obj = new Object();
  obj.方法名 = function(){
      // 函数体
  }
  
  

• 方法的调用

  obj.方法名();
  
  

对象字面量

• 对象字面量是创建对象的一种简便方式

• 对象是以键值对的方式存储数据

  var obj = {
      name:"zs",
      age:18,
      sayHi:function(){
          alert("hello");
      }
  }
  // 等价于下面这种方式
  var obj = new Object();
  obj.name = "zs";
  obj.age = 18;
  obj.sayHi = function(){
      alert("hello");
  }
  
  

对象的遍历

• for in遍历

  for (var k in obj) {
      console.log(k);// name age sayHi
      console.log(obj[k]);// "zs" 18 function(){alert("hello");}
  }
  
  

null和undefined

//undefined派生自null
console.log(undefined == null);//true 值是相等的
console.log(undefined === null);//false 数据类型不一样

//undefined总结
var a;//1.变量声明了没赋值是undefined
var arr = [1, 2];
console.log(arr[2]);//2.数组中没赋值的项目是undefined
function fn(a, b) {
    console.log(b);//3.形参没有接收到实参 是undefined
}
fn(1);
console.log(fn());//4.函数没有返回值 默认返回undefined
var obj = {};
//obj.name = "zs";
console.log(obj.name);//5.对象属性没赋值也是undefined
//总之 null一般是代码手动给的 undefined一般是解析器自动给的

null出现的场景

• 一般申明变量时如果没有初始值可以先赋值null

undefined出现的场景

1. 变量声明了没赋值是undefined
2. 数组中没赋值的项目是undefined
3. 形参没有接收到实参是undefined
4. 函数没有返回值默认返回undefined
5. 对象属性没赋值也是undefined

null和undefined的区别？

null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。

当声明的变量还未被初始化时，变量的默认值为undefined。

null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。

undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：

(1)变量被声明了，但没有赋值时，就等于undefined。

(2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。

(3) 对象没有赋值的属性，该属性的值为undefined。

(4) 函数没有返回值时，默认返回undefined。
null表示"没有对象"，即该处不应该有值。典型用法是：

(1) 作为函数的参数，表示该函数的参数不是对象。

(2) 作为对象原型链的终点。