短路算法
<script>
let num = 10;
num>2 && num++;
console.log(num);
let n = 10;
console.log( n<2||n++ );
</script>
运算符优先级
<script>
let bol1 = true;
let bol2 = false;
console.log( bol1 + 1);
console.log( !bol2 + 1);
console.log( 10 + !bol2 );
console.log( !10 );
console.log( !0 );
console.log( 10<5+6 || '中午吃啥' );
let str = 10>(5+6 ||'中午吃啥');
console.log(str);
let n = 10;
n+=5;
console.log(n);
let str1 = '日啖荔枝三百颗';
str1+='每天一碗胡辣汤';
str1+='每天一碗胡辣汤';
console.log(str1);
</script>
显示转换
<script>
let num = Number('唐伯虎');
console.log(typeof num);
let str = String(1000);
console.log(typeof str);
let bol1 = Boolean('唐伯虎');
console.log(typeof bol1,bol1);
let bol2 =Boolean(' ');
console.log(typeof bol2, bol2);
let bol3 =Boolean(-1);
console.log(typeof bol3, bol3);
</script>
三元(目)运算符
<script>
6>4 ? console.log('固始鹅块') : console.log('糍粑');
let abc = 1<0 ? '秦琼' : '尉迟恭';
console.log( abc );
console.log( 5>6 ? '单雄信' : '罗成' );
let username = 5<6 ? 6>7 ? '李元霸' : '宇文成都' : '杨广' ;
console.log(username);
</script>
获取html中的元素对象
<script>
let ul = document.getElementById('list');
ul.style.border = '1px #f00 solid';
let li = document.getElementsByTagName('li');
console.log( li );
li[7].style.border='2px #00f solid';
let li1 = ul.getElementsByTagName('li');
li1[9].style.background= '#ff0';
console.log( li1 );
let arr = ['电影','作业','美食','游戏',2134,345,true];
console.log( arr[3] );
let liBox = document.getElementsByClassName('wp');
console.log( liBox );
liBox[3].style.background='#f00';
let body1 = document.getElementsByTagName('body')[0];
body1.style.background= '#ccc';
document.body.style.background = '#f60';
</script>