JavaScript语言精粹学习笔记之对象

本文详细介绍了JavaScript中的对象,包括对象字面量的创建方式、如何检索和更新对象属性,以及对象的引用传递特性。同时,讨论了原型的概念,展示了如何通过原型链访问和扩展对象的功能。此外,还提到了类型检查、属性反射以及枚举对象属性的方法。
摘要由CSDN通过智能技术生成

概念:JavaScript中除数字、字符串、布尔值、null值和undefined外
其余的值都是对象
对象是可变的、无类别的。

  1. 对象字面量
    一个名值对列表,名和值用冒号隔开,并用一个大括号括起来。对象是可嵌套的

    var stooge = {
           "first-name":"Jerry",
           "last-name":"Kitty"
    };
        var flight = {
             departure : {
                    IATA:"SYD",
                    time:"2021-07-12 20:44",
                    city:"Hawaii"
        }
    };
    
  2. 检索
    检索值
    方法一:可以在[ ]中括住字符串表达式

    stooge["first-name"]     //"Jerry"
    

    方法二:“. 表示法 ”(字符串表达式是一个常数)

    flight.depature.IATA    //"SYD"
    

    当然值不存在的话将返回undefined值

  3. 更新
    使用“ . 操作符”或“[ ]操作符”来更新对象属性
    如上stooge将名字“Jerry”改为“Jake”有

    stooge.first-name = "Jake";
    stooge["first-name"] = "Jake";
    
  4. 引用
    对象通过引用传递将不会被拷贝

    var x = stooge;
    x.last-name = 'Kitty';
    var name = stooge.last-name;
    //x和stooge是对同个对象的引用,所以name为'Kitty'
    var a = {},b = {},c = {};
    //a、b、c每个都引用一个不同的空对象
    a = b = c = {};
    //a、b、c都引用同一个空对象
    
  5. 原型
    每一个对象都有一个原型对象,它可以使用其原型对象上的所有属性和方法

    let cat = {
          name="喵喵"
    }//对象
    cat.__proto__.eat = function(){
          console.log("吃鱼")
    }//原型对象
    cat.eat();
    

    获取原型的方法
    1.通过对象的__proto__获取
    2.通过构造函数的prototype属性获取

    function Cat(name,age){
            this.name=name;
            this.age=age;
    }
    let cat = new Cat("喵喵",15);
    Cat.prototype.eat=function(){
            console.log("吃鱼")
    }//获取原型
    cat.eat();
    
  6. 反射
    检查对象属性
    方法一:使用typeof

    typeof flight.number    // 'number'
    typeof flight.status       //'string'
    

    方法二:使用hasOwnProperty,对象拥有该属性将返回true

    flight.hasOwnProperty('number')      //true
    flight.hasOwnProperty('constructor')  //false
    
  7. 枚举

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值