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基础语法程序基本知识数据类型运算符表达方式语句知识点