>  기사  >  웹 프론트엔드  >  JS를 사용하여 변수가 존재하는지 확인하는 방법

JS를 사용하여 변수가 존재하는지 확인하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2018-05-29 10:00:492731검색

이번에는 JS를 사용하여 변수가 있는지 확인하는 방법과 JS를 사용하여 변수가 있는지 확인하는 경우 어떤 주의 사항이 있는지 보여 드리겠습니다. 다음은 실제 사례입니다.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
//http://www.jb51.net/article/67551.htm
//判断变量i是否存在 typeof(i)=="undefined"
<script>
  /*---------------------------判断函数是否存在-------------------------------*/
  function isExitsFunction(funcName) {
    try {
      if (typeof(eval(funcName)) == "function") {
        return true;
        //  funcName();
      }
    } catch (e) {
      console.log(eval(funcName) + "+++++++++++++++++我异常了!!!!!!!!");
    }
    return false;
  }
  /*--------------------------------判断是否存在指定变量 -----------------------------------------*/
  function isExitsParamsVariable(variableName) {
    try {
      console.log("variableName.length===" + variableName.length);
      if (variableName.length == 0) {
        console.log(variableName + "===value has no params");//"":length为0
        return false;
      } else {
        console.log(variableName + "======value has params");//0:length为undefined
        return true;
      }
    } catch (e) {
      console.log(variableName + "----我异常了!!!!!!!!");//null,undefined,未赋值的a
    }
    return false;//null,undefined,未赋值的a
  }
  /*---------------------------------判断是否undefined--------------------------------*/
  function isExitsVariable(variableName) {
    console.log("typeof variableName====" + typeof(variableName));
    try {
      if (typeof(variableName) == "undefined") {
        console.log(variableName + "===value is undefined");//undefined,未赋值的a
        return false;
      } else {
        console.log(variableName + "=======value is true");//null,0,""
        return true;
      }
    } catch (e) {
      console.log(variableName + "-------我异常了........");
    }
    return false;
  }
  /*-------------------------------------------------测试数据---------------------------------------------*/
  var a;//声明未初始化,没有长度
  console.log("isExitsParamsVariable(a)" + isExitsParamsVariable(a));
  console.log("isExitsVariable(a)" + isExitsVariable(a));
  console.log("--------------------------------------------------")
  var b = undefined;//没有长度
  console.log("isExitsParamsVariable(b)===" + isExitsParamsVariable(b));
  console.log("isExitsVariable(b)===" + isExitsVariable(b));
  console.log("--------------------------------------------------")
  var c = null;//没有长度
  console.log("isExitsParamsVariable(c)===" + isExitsParamsVariable(c));
  console.log("isExitsVariable(c)===" + isExitsVariable(c));
  console.log("--------------------------------------------------")
  var d = 0;//长度undefined
  console.log("isExitsParamsVariable(d)===" + isExitsParamsVariable(d));
  console.log("isExitsVariable(d)===" + isExitsVariable(d));
  console.log("--------------------------------------------------")
  var e = "";//长度为0
  console.log("isExitsParamsVariable(e)====" + isExitsParamsVariable(e));
  console.log("isExitsVariable(e)===" + isExitsVariable(e));
  console.log("--------------------------------------------------")
  /*未定义声明 f 则log会报错:Uncaught ReferenceError: f is not defined ,不会执行两个判断方法*/
  console.log("isExitsParamsVariable(f)====" + isExitsParamsVariable(f));//f:undefined
  console.log("isExitsVariable(f)===" + isExitsVariable(f));
</script>
</body>
</html>

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

WeChat 애플릿에서 사용자 정의 다중 선택 이벤트를 구현하는 방법

select를 사용하지 않고 Vue에서 드롭다운 상자 기능을 구현하는 방법

위 내용은 JS를 사용하여 변수가 존재하는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.