函数中console.log的新手问题

时间:2017-10-17 08:43:44

标签: javascript

我想在console.log中获取参数的输出。这是一个测试,我试图了解显示参数的内容是什么。

    1. setWidgetAndRssDisplay("block")
    2. setWidgetAndRssDisplay("none")
    3. setWidgetAndRssDisplay("cooking")

    setWidgetAndRssDisplay: function(display) {
        console.log(display)
    },

这是实际功能:

setWidgetAndRssDisplay: function(display) {
       widgetDiv.style.display = display;
       rssWrapper.style.display = display;
},

我正在尝试做的是理解函数如何设置正确的显示属性(块,无),这就是为什么我试图获得display参数的console.log输出

2 个答案:

答案 0 :(得分:3)

请写下更多信息和错误我认为这是工作



    var setWidgetAndRssDisplay = function(display) {
        console.log(display)
    }

    setWidgetAndRssDisplay("block")
    setWidgetAndRssDisplay("none")
    setWidgetAndRssDisplay("cooking")




因为这是对象语法

setWidgetAndRssDisplay: function(display) {
    console.log(display)
},

由于提升而移动定位

https://developer.mozilla.org/en-US/docs/Glossary/Hoisting

或者您也可以使用功能定义



    setWidgetAndRssDisplay("block")
    setWidgetAndRssDisplay("none")
    setWidgetAndRssDisplay("cooking")
    
    function setWidgetAndRssDisplay(display) {
        console.log(display)
    }




答案 1 :(得分:0)

您只能通过(function (angular) { 'use strict'; angular .module('$q-spread', []) .config(['$provide', function ($provide) { $provide.decorator('$q', ['$delegate', function ($delegate) { var originalDefer = $delegate.defer; $delegate.defer = function () { // Get the prototype of the promise var promiseProto = originalDefer().promise.constructor.prototype; // Add the spread method Object.defineProperty(promiseProto, 'spread', { value: function (resolve, reject) { function spread (data) { return resolve.apply(void 0, data); } return this.then(spread, reject); }, writable: true, enumerable: false }); return originalDefer(); }; return $delegate; }]); }]); })(window.angular); 元素对象获取内联样式值。 通过.style,您可以获得元素的css样式



window.getComputedStyle

var widgetDiv = document.getElementById('widget');
var rssWrapper = document.getElementById('rssWrapper');
var widgetInlineDiv = document.getElementById('widgetInline');
var rssWrapperInline = document.getElementById('rssWrapperInline');
var setWidgetAndRssDisplay = function(display) {
  console.log('Display value:',display);
};
setWidgetAndRssDisplay(widgetDiv.style.display);
setWidgetAndRssDisplay(rssWrapper.style.display);
setWidgetAndRssDisplay(widgetInline.style.display);
setWidgetAndRssDisplay(rssWrapperInline.style.display);
setWidgetAndRssDisplay(window.getComputedStyle(widgetDiv,null).getPropertyValue("display"));
setWidgetAndRssDisplay(window.getComputedStyle(rssWrapper,null).getPropertyValue("display"));

#rssWrapper{
  display:inline-block;
}