Javascript 教程 在线

485JavaScript作用域

函数内未声明即使用的变量情况:

function func(){
  undefined_var=110
}

在 func() 被第一次调用之前, undefined_var 变量是不存在的即 undefined。func() 被调用过之后,undefined_var 成为全局变量。

484JavaScript作用域

局部变量:在函数中通过var声明的变量。

全局变量:在函数外通过var声明的变量。

没有声明就使用的变量,默认为全局变量,不论这个变量在哪被使用。

483JavaScript函数

反驳 4 楼 不愿透漏姓名 Croc 代码存在 bug,当我手动点击一个一个选中后,在点击按钮会出现无法取消操作,需要点击两次。

改正后代码如下:

var checkAll = false;
function allcheck() {
    let inputs = document.getElementsByName('checkbox');
    var checkInt = 0;
    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].checked) {
            checkInt += 1;
        }
    }
    if (checkInt == inputs.length) {
        checkAll = false;
        for (var i = 0; i < inputs.length; i++) {
            inputs[i].checked = checkAll
        }
    } else {
        checkAll = true;
        for (var i = 0; i < inputs.length; i++) {
            inputs[i].checked = checkAll
        }
    }
}

482JavaScript函数

JavaScript 复选框实现全选、取消全选 、反选实例:

function opcheckboxed(objName, type){
  var objNameList=document.getElementsByName(objName);
  if(null!=objNameList){
    for(var i=0;i<objNameList.length;i++){  
      if(objNameList[i].checked==true)
      {
        if(type != 'checkall') {  // 非全选
          objNameList[i].checked=false;
        }
        
      } else {
        if(type != 'uncheckall') {  // 非取消全选
          objNameList[i].checked=true;
        }
      }
    }  
  }
}

尝试一下 »

将选中设置为 checked 或 true, 取消选中可设置为空或 false,实现反选使用 checked 属性会出现问题。

481JavaScript函数

ES6 新增箭头函数,定义函数时更加简洁、易读。

// 传统定义函数方式
function Test () {
  //
}

const Test = function () {
  //
}

// 使用箭头函数定义函数时可以省略 function 关键字
const Test = (...params) => {
  //
}

// 该函数只有一个参数时可以简写成:
const Test = param => {
  return param;
}

console.log(Test('hello'));   // hello