js小技巧篇（自触发，容错，与或，多绑定）

98 阅读 0 评论 65 点赞

我是靠谱客的博主知性裙子，最近开发中收集的这篇文章主要介绍js小技巧篇（自触发，容错，与或，多绑定），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

<meta charset="UTF-8">

<title>Title</title>

</head>
<body>
<p>请输入 5 到 10 之间的数:</p>

<input id="demo" type="text">
<button type="button" οnclick="myFunction()">检测输入</button>

<p id="message"></p>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>

/*(()=>{


alert('test')

})() //不触发 自执行了一个函数*/
/*function myFunction() {

var message, x;

message = document.getElementById("message");

message.innerHTML = "";

x = document.getElementById("demo").value;

try {

if(x == "")
throw "为空";

if(isNaN(x)) throw "不是一个数字";

if(x > 10)
throw "太大";

if(x < 5)
throw "太小";

}

catch(err) {

message.innerHTML = "输入的值 " + err;

}

finally {

document.getElementById("demo").value = "";

}
}*///try catch finally容错

let a=2

//const b =2
//console.log(a>1?'对':'错')//三元表达式

//a!=2 && console.log('是的')//and的妙用

var add_step =5;
var add_level = 0;
/*switch(add_step){

case 5 : add_level = 1;

break;

case 10 : add_level = 2;

break;

case 12 : add_level = 3;

break;

case 15 : add_level = 4;

break;

default : add_level = 0;

break;
}*/
add_level={'5':1,'10':2,'12':3,'15':4}[add_step] || 0;//更简的代码
console.log(add_level)
$(document).bind('keydown', 'del', function() {
deleteSelectedNodes();
});//jquery可以绑定多个事件多个方法

</script>
</body>
</html>