angular.js - javascript 调用不存在的属性能不报错吗？

问题描述

问 题

问题是这样的 有一个对象
var w = {a:1,b:2,c:{d:123}};

那么我调用
console.log(w.x.y , w.r , w.c.d , w.c.d.xw);

上面的 w.x.y ， w.c.d.xw 都会报错 w.r 是 undefined ，我想做要实现的是没有的项用空字符串代替就好了，就像 w.x.y.q.we.r.t.y.u.i.o.......无论多少个属性掉用都不会报错，输出就好了， 不用 try catch ，要写全局的，api数据结构比较复习，老是缺少数据，要写的判断好多，所以问问有没有比较好的解决方案.

解决方案

对象属性的查找是由点运算符（.）引起的，这个运算就负责在引用对象内部查找属性，假如没有找到属性，那么就会返回undefined。

形如w.x.y.q.we.r.t.y.u.i.o这样的链式查找，假如说其中一个没有找到，那么返回了undefined，但是接下来还有点运算需要继续查找，然而undefined并不是对象，它不可能有点运算，所以这里会抛出类型错误TypeError。

---

想要实现你的功能，你需要自己封装一个方法，比如这样——

Object.prototype.attr = function (search) {
    const arr = search.split(".");
    let obj = this;
    
    for(let i = 0; i < arr.length; i++) {
        obj = obj[arr[i]];
        if(obj === undefined) {
            return("");
        }
    }
    return(obj);
}

var w = {a:1,b:2,c:{d:123}};
w.attr("x.y.q.we.r.t.y.u.i.o");

代码大概就是这么个意思，我没有测试，思路就是这样，你可以参考参考。

这篇关于angular.js - javascript 调用不存在的属性能不报错吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！