美文网首页
js基础(三)

js基础(三)

作者: believedream | 来源:发表于2017-02-03 17:01 被阅读0次

    第六天

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

    函数

    函数的申明

    • 函数申明式

      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) 作为对象原型链的终点。
    
    

    相关文章

      网友评论

          本文标题:js基础(三)

          本文链接:https://www.haomeiwen.com/subject/nsmdittx.html