Javascript 玉器

因此，我尝试将一个对象传递给mixin，我的mixin如下所示：

mixin summarySection(panelID, bodyID, title, options)
    div(class='panel panel-default panel-summary')
        div(id=panelID class='panel-heading' role='tab')
            h4(class='panel-title')= title
            div(class='pull-right')
                if(options.dropdown)
                    select
                        option #{options.dropdown.options}
                a(role='button' data-toggle='collapse' href='##{bodyID}' aria-expanded='#{options.expanded}' aria-controls=bodyID) +
        div(id=bodyID class='panel-collapse collapse' role='tabpanel' aria-labelledby=panelID class= options.hasOwnProperty('expanded') ? 'in' : '')
            div(class='panel-body')
                if block
                    block
                else
                    p Content goes here
            if (options.footer)
                div(class='panel-footer text-center')
                    a(href='#{options.footer.link}') #{options.footer.text}

+summarySection('panelRecentActivity', 'bodyRecentActivity', 'Recent Activity', {'expanded': 'true', 'dropdown': {'options': 'Last 30 days'}})
+summarySection('panelStatements', 'bodyStatements', 'Statements')

我称之为mixin，如下所示：

mixin summarySection(panelID, bodyID, title, options)
    div(class='panel panel-default panel-summary')
        div(id=panelID class='panel-heading' role='tab')
            h4(class='panel-title')= title
            div(class='pull-right')
                if(options.dropdown)
                    select
                        option #{options.dropdown.options}
                a(role='button' data-toggle='collapse' href='##{bodyID}' aria-expanded='#{options.expanded}' aria-controls=bodyID) +
        div(id=bodyID class='panel-collapse collapse' role='tabpanel' aria-labelledby=panelID class= options.hasOwnProperty('expanded') ? 'in' : '')
            div(class='panel-body')
                if block
                    block
                else
                    p Content goes here
            if (options.footer)
                div(class='panel-footer text-center')
                    a(href='#{options.footer.link}') #{options.footer.text}

+summarySection('panelRecentActivity', 'bodyRecentActivity', 'Recent Activity', {'expanded': 'true', 'dropdown': {'options': 'Last 30 days'}})
+summarySection('panelStatements', 'bodyStatements', 'Statements')

当我调用所有变量时，它工作正常，但是如果我没有在对象中传递某个变量，那么它会抛出一个错误，表示它未定义。例如，对于上面的第二个mixin调用，我得到错误

无法读取未定义的属性'dropdown'，因为它没有定义

如何正确检查它们是否已定义并避免错误？
在使用它们之前，最好先检查函数或mixin中的值是否可用。您可以使用条件语句来避免此类问题。例如，您可以执行以下操作：

if options && options.footer
   a(href='#{options.footer.link}') #{options.footer.text}