函数与对象

140 阅读3分钟

函数

  • 函数的定义和调用 定义(创建 ) 语法1:function 函数名(参数){ 要执行的代码 }

    调用使用 函数名()

  • 函数的语法 * * 语法1: * function 函数名 () {} -> 声明式定义 * 语法2: * var 函数名 = function (参数: 非必传, 暂时不写) {} -> 赋值式定义 * * 调用的时候 不管如何定义, 都是使用 函数名() * * 推荐语法1 * 两种语法的区别, 暂时不讲

  • 函数的参数

         * 为了 让函数的功能 更加灵活, 不会导致函数的功能太过于死板
          
          
         *      1. 形参
         *          函数定义时小括号中书写的内容, 相当于在函数中 创建了一个变量
         *          具体的值 有实参提供, 如果 实参没有传递对应的内容, 那么值为 undefined
          
         *      2. 实参
         *          函数调用时小括号中书写的内容, 这里书写的内容, 会传递给 对应的 形参
          
         *      注意:
         *          一个函数可以接收多个形参与实参, 多个形参与实参使用 , 间隔
                   
         *      虽然形参和实参的数量没有限制, 但是如果太多会导致代码难以阅读, 所以不推荐多写
         * 
          
         *      形参和实参的数量可以不一致  (非常不推荐)
         * 
          
         *      函数中 参数可以具有默认值 (ES6 的新写法)
         *          如果一个 函数的参数给了 默认值, 那么这个参数永远不会是 undefined
    

函数的返回值

  •  每一个函数调用完毕后 都会有一个结果(值), 默认为 undefined
      * 
      *  如果想要更改那么我们需要借助一个 关键字 return
      * 
      *      return 的后边可以跟 任何的数据, 包括表达式
      * 
      * 
      *      注意:
      *          函数中 return 只会生效一个, 因为 return 具有中断函数的能力
      *          所以一般 return 会写在函数的末尾
      *          如果想要写在函数的 开头, 必须结合 分支语句
    

对象

  • 对象

      *      属于 引用数据类型(复杂数据类型)
       
      *  他只是一个存储 基本数据类型的集合
       
      *      对象的花括号中书写的不是代码, 而是键值对格式的数据
     
      *      键值对      ---         key/value       ---     属性名:属性值
       
      *          冒号左边的统称为: 键/key/属性名
      *              右边统称为: 值/value/属性值
     
      *      对象这个数据结构 将来开发中经常会使用
      *          用户详情
      *          商品详情
      *          文章详情
    
  • 对象的创建

      // var obj1 = {}   // 字面量的方式创建
      // console.log(obj1)
      // var obj2 = new Object()     // 内置的构造函数的方式创建
      // console.log(obj2)
      
    
  • 正常情况下全都使用 点语法

  • 涉及到变量的时候 使用 中括号语法

  • 对象的增删改查 * 中括号语法 (数组语法)*点语法

  • 2.1 增 对象名.新的属性名 = 对应的属性值

    • obj.age = 18
    • obj['age'] = 18
  • 2.2 删 delete 对象名.要删除的属性名

    • delete obj.id
    • delete obj['id']
  • 2.3 改 对象名.要修改属性值的属性名 = 新的属性值

    • obj.name = '张三丰'
    • obj['name'] = '李四'
    • console.log('操作后的对象: ', obj)
  • 2.4 查 对象名.要查询的属性名 会得到对应的属性值

    • console.log(obj.name)

    • console.log(obj['name'])

      // 删 delete 对象名['要删除的属性名'] // delete obj['id']

      // 改 对象名['要修改的属性名'] = 新的属性值 // obj['name'] = '李四'

      // console.log('操作后的对象: ', obj)

      // 查 对象名['要查询的属性名'] 会得到对应的属性值