js 基础拓展

Posted var-chu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 基础拓展相关的知识,希望对你有一定的参考价值。

1.关于 try catch 的用法 

<body>
  <div>请输出一个 5 到 10 之间的数字:</div>
  <input id="demo" type="text">
  <button type="button" onclick="myFunction()">测试输入</button>
  <p id="mess"></p> 
  <!-- 只有不符合条件 才执行catch  才有p标签的内容显示 -->
</body>
</html>
<script type="text/javascript">
  function myFunction(){
    try{ 
      var x=document.getElementById("demo").value;   //取元素的值
      if(x=="")         throw "值为空";      // 根据获取的值,抛出错误
      if(isNaN(x))      throw "不是数字";
      if(x>10)          throw "太大";
      if(x>=5 && x<=10) throw "符合条件";
      if(x<5)           throw "太小";
    }
    catch(err){
      var y=document.getElementById("mess");    // 抓住上面throw抛出的错误,给p标签显示
      y.innerHTML="错误:" + err + "。";
    }
  }
</script>

2.关于 Object.assign()  对象的方法 : 用于将所有课枚举的值从一个或者多个源对象复制到目标对象  它将返回目标对象

 const target = { a: 1, b: 2 };  // 要操作的目标对象
 const source = { b: 4, c: 5 };  // 想合过来的资源对象
 const returnedTarget = Object.assign(target, source);  // 返回值
 console.log(target);          // expected output: Object { a: 1, b: 4, c: 5 }
 console.log(source);          // expected output: Object { b: 4, c: 5 }
 console.log(returnedTarget);  // expected output: Object { a: 1, b: 4, c: 5 }
  // 实际应用 克隆一个新对象
 const sidleData = Object.assign({}, scope.row)

 

以上是关于js 基础拓展的主要内容,如果未能解决你的问题,请参考以下文章

9.12/ css3拓展js基础语法程序基本知识数据类型运算符表达方式语句知识点

Ajax拓展

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

webpack