有效沟通问答-【官方】百战程序员_IT在线教育培训机构

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 132358个问题

老师，读取属性

console.log(obj['name']);

用这个方法怎么读取函数的

WEB前端全系列/第二阶段：JavaScript编程模块/函数与对象 601楼

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            height: 3000px;
            background: rgba(0, 0, 0, .3);
        }
    </style>
</head>

<body>
    <script>
        function backTop() {
            var scrollH = document.documentElement.scrollTop;
            console.log(scrollH);
        }
        function timer(fn, t) {
            var timers = null;
            return function () {
                if (timers) {
                    clearTimeout(timers);
                }
                timers = setTimeout(fn, t);
            }
        }
        window.onscroll = timer(backTop, 300);
    </script>
</body>

</html>

window.onscroll = timer(backTop, 300);

window.onscroll = timer(backTop(), 300);

两种调用为什么第2种是错误的

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 602楼

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>106.window对象的name属性</title>
</head>
<body>
    <button>跨域传输</button>
<script>
   
    //console.log(num);
    //如果想要获取一个页面内的信息，那么必须先加载
    var but= document.querySelector('button');
    but.onclick=function(){
        var iframe= document.createElement('iframe');
        iframe.src='106中的page.html';//加载保存了信息的页面
        iframe.style.display='none';  //加载过来不显示
        document.body.appendChild(iframe);
        //当iframe加载完毕，意味着window.name的内容已经被赋予完毕
        iframe.onload=function(eve){
            var iframeWindowName=eve.target.contentWindow.name;
            console.log( iframeWindowName);
            console.log(typeof iframeWindowName);
            eval(iframeWindowName);  //解析字符串
            console.log(num);
        }
    }  
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    var num=10;
    window.name='var num=10;';
    window.name='var num=[1,2,3];'; //可以是数组
    window.name='var num={age:22};';//对象也可以
    
</script>
</body>
</html>

老师我按视频中的代码敲的，为啥会出现这种结果，这是什么情况，浏览器的版本不同吗？？？

WEB前端全系列/第二阶段：JavaScript编程模块/面向对象编程 603楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数类型</title>
</head>
<body>
    <script>
        function baozi(mianfen,dadou,yancong){
            console.log(mianfen);
            console.log(dadou);
            console.log(yancong);
            return'包子';
        }
        baozi("面粉","大豆","洋葱");
    </script>
</body>
</html>

老师我想问一下我的为什么返回的不是包子，而是后面的面粉、大豆和杨葱呢

WEB前端全系列/第二阶段：JavaScript编程模块/函数与对象 604楼

switch (fruit) {

case "banana":

// ...

break;

case "apple":

// ...

break;

default:

// ...

实时效果反馈

1.下列swtich语句中，横线处应填写代码是：

var x = 4;

switch (x) {

    case 1:

        console.log('x 等于1');

        break

    case 2:

        console.log('x 等于2');

        ____

        default:

        console.log('x 等于其他值'); // 打印x等于其他值

课上看到的，这个break后面没分号，还是可以不用加分号，还是必须加分号？

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 605楼

400年能被400整除是闰年，但400能被4整除且被100整除是平年，这两个不矛盾吗？还是说被四整除跟400整除是两个平级的if else if关系？

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 606楼

++x + y先自加再运算，x++ + y先运算后自加，运算结果与x + y结果意义，那么这么运算意义在哪？一般应用在什么地方？

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 607楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lastChild</title>
</head>
<body>
    <div class="div1">
        div1
        <div id="div2">div2</div>
    </div>
    <script>
        var div1 = document.querySelector('.div1');

        //firstChild / lastChild
        console.log(div1.firstChild);
        console.log(div1.lastChild);
        console.log(document.body.firstChild);
        console.log(document.body.lastChild);
    </script>
    <div>最后的内容</div>
</body>
</html>

老师，我这个代码里的body的lastChild，最后一个子节点，不应该是 div内容或者 #text 吗？为什么还是script？script并不是最后一个子节点吧？

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 608楼

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>防抖</title>
    <style>
        body {
            height: 4000px;
        }
    </style>
</head>

<body>
    <button>测试闭包</button>
    <!-- 防抖 -->
    <script>
        var btn = document.getElementsByTagName("button")[0];

        function showScrollTop() {
            var scrollTop = document.documentElement.scrollTop;
            console.log(scrollTop);
        }

        function debounce(fn, delay) {
            var timer = null;
            return function() {
                if (timer) {
                    clearTimeout(timer);
                }
                timer = setTimeout(fn, delay);
            }
        }
        result = debounce(showScrollTop, 200);
        window.addEventListener("scroll", result)
            /*  result = print();
             btn.addEventListener('click', result)

             function print() {
                 console.log('我不是闭包');
                 return function() {
                     console.log('我是闭包');
                 }
             } */
    </script>
</body>

</html>

我现在理解一点儿了。它只做一次不是什么事件机制，函数体只做一次的原因。它就是因为闭包才只执行var timer=null 一次的。debounce()说明是这个参数是debounce()函数返回值，而它的返回值就是重复做的闭包的函数。我先是用注释的print()函数试一试，发现即使不触发事件，“我不是闭包”也会打印出来。它可以单独拿出来，就像之前写闭包一样。它执行一次就是因为需要取得返回值函数。而事件绑定的函数是返回值函数，所以能不停执行。

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 609楼

老师，点击事件不是onclick嘛？我看老师课上用的是click,click是什么意思？

下面这串代码我用onclick运行不出来，但是用click就可以运行是什么原理？

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>事件概述</title>
    <style>
        div{
            width: 100px;
            height: 100px;
            background-color: blue;
        }
    </style>
</head>
<body>
<div>
    <button>点我</button>
</div>
<script>
    
    var div= document.querySelector('div');
    var but= document.querySelector('button');
    but.addEventListener("onclick",function(event){alert("but");},true)
    div.addEventListener("onclick",function(event){alert("div");},true)
    document.body.addEventListener("onclick",function(event){alert("body");},true)
</script>

</body>
</html>

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 610楼

转义不是反斜杠\吗，文档是不是错了

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 611楼

按照老师的写法为啥，输入内容，右键点击并不能搜索，而只是跳转到百度首页？？

WEB前端全系列/第二阶段：JavaScript编程模块/面向对象编程 612楼

var arr = [6,1,1,3,2,4,5,6,1];

var array = [ ];

for (var i = 0; i < arr.lenght; i++){

if (array.indexof(arr[ i ]) === -1)

}

为什么这里是＝＝＝负1，而不是0呢？

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 613楼

怎么实现换行代码怎么改

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 614楼

<body>
		<button id="but" name="but2">点我<tton>
		<script>
		var but=document.querySelector('button');
		but.onclick=function(){
			var newBut=but.cloneNode();
			document.body.appendChild(newBut);
		}
		</script>

$EI5D`R2_HO[0TK{3NX2QWIN.png$

我的问题：1、为什么我的代码没有被克隆

我的问题：2、我运行了两次为啥会有多了两个script

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 615楼

同学您好