js通过变量去调用js对象的属性或者方法

js 前端

字数统计: 428阅读时长: 1 min

 2020/11/06   Share

前言

在写项目的时候忽然有了一个需求,就是通过响应的参数,去作为属性名调用其他对象的方法，或者属性。

Python

这样的话，就想到了Python的 getattr 函数

1	getattr(object, name[, default])

JS

那JS里面有没有方法做的相同的效果呢？

因为并没有系统的学习过JS, 基本上需要什么功能就是看文档

尝试一

# 定义了一个本地的对象,分 1 2 3 4 的属性,分别对应值
status: {
        1: { type: '', msg: '未执行' },
        2: { type: 'info', msg: '正在执行' },
        3: { type: 'success', msg: '执行成功' },
        4: { type: 'danger', msg: '执行失败' }
      }

<!-- 通过scope的变量，来调用status对象的值，从而生成不同的按钮 -->
 <template slot-scope="scope">
          <el-tag :type="status`${scope.row.status}`.type"> {{ status`${scope.row.status}`.msg }} </el-tag>
</template>

上面的写法会直接报错,后面重新看了下文档,发现对象的方法和属性可以通过[]进行调用.

正确写法

所以,正确写法应该是这样

# 定义了一个本地的对象,分 1 2 3 4 的属性,分别对应值
status: {
        1: { type: '', msg: '未执行' },
        2: { type: 'info', msg: '正在执行' },
        3: { type: 'success', msg: '执行成功' },
        4: { type: 'danger', msg: '执行失败' }
      }

<!-- 通过scope的变量，来调用status对象的值，从而生成不同的按钮 -->
<template slot-scope="scope">
    <el-tag :type="status[scope.row.status].type">
        {{ status[scope.row.status].msg }} 
    </el-tag>
</template>

感觉遇到这种情况还是蛮多的,所以记录一下~

原文作者：Momo

原文链接：https://mo.xmomo521.top/2020/11/06/js通过变量去调用js对象的属性或者方法/

发表日期：November 6th 2020, 2:56:44 pm

更新日期：December 21st 2021, 3:32:58 pm

Next Post

【未完成】蓝鲸标准运维应用pipeline源码分析
Previous Post

jsplumb学习

CATALOG

1. 前言
2. Python
3. JS
1. 3.1. 尝试一
4. 正确写法



缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是archer根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：

jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: true
    tags: true