未加星标

干货:关于JavaScript的一些冷知识。

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二04 | 时间 2016 | 作者 红领巾 ] 0人收藏点击收藏
干货:关于javascript的一些冷知识。

一点号博学教育4小时前

1、!!将一个值方便快速转化为布尔值

console.log( !!window===true );

2、不声明第三个变量实现交换 var a=1,b=2; a=[b,b=a][0];//执行完这句代码之后 a的值为2 b的值为1了 3、&&和||的用法

var day=(new Date).getDay===0; //传统if语句 if (day) { alert('Today is Sunday!'); }; //运用逻辑与代替if day&&alert('Today is Sunday!');//也就是说只有day为真的情况才执行后面的代码alert 一句简单的代码就实现了上面的if功能 强大吧if (!a) { a = {}; } //上面的三句话可以用下面的一句话替换哦 a = a || {}; //解释这句话一下哦 如果有a这个变量的声明的话 那么它还是原来的对象 如果没有就给它创建一个对象

还有这种小例子。

与其这样书写:if(string.length > 0){..}不如这样书写:if(string.length){..}

4、NAN不等于任何值,包括它自身

在任何编程语言中,被除数为0则会报错,而在js里面不会,它返回的值为NAN,NaN表示一个不能产生正常结果的运算结果,我们可以用isNaN(number)来检测是不是NAN,但是大家也许都不知道NAN不等于任何值,包括它自身。


干货:关于JavaScript的一些冷知识。
5、利用script标签保存任意信息

将script标签设置为type=’text’然后可以在里面保存任意信息,之后可以在JavaScript代码中很方便地获取。

页面代码如下所示:

<script type="text" id="angelaScript"> <h1>这个标题1是不会显示出来的,可以用这种方式保存信息哦!</h1> </script> <script type="text/javascript"> console.log(document.getElementById(&apos;angelaScript&apos;).innerHTML); </script>

结果显示如下图所示:


干货:关于JavaScript的一些冷知识。
6、js当中Switch的一些用法
干货:关于JavaScript的一些冷知识。

总结:

1)switch参数变量与case后面的比较是全等比较,也就是说===的比较

2)并非每一个case后面都需要书写break,如果不写的话,它会顺序往下执行的

3)switch语句不光可以使用数字、字符做条件表达式,还可以使用字符串!

看下面的switch的使用,有点厉害!


干货:关于JavaScript的一些冷知识。
7、了解作用域,清楚明白当前的this是谁
干货:关于JavaScript的一些冷知识。
8、 你可能不知道的js数组

数组的length属性不可枚举。JS的数组可以用字符串形式的数字下标来访问,因为数组的元素其实是数组对象的属性。

delete可以用来从数组中移除元素,但由于一个元素就是一个属性,delete会在数组中遗留一个“空洞”;被delete删除的元素为undefined,使用splice方法可能是一个更好的办法。例如要删除arr数组的第3个元素,可以使用这样的语句:arr.splice(2,1);不过对于大型数组来说,这个函数的效率可能不高。


干货:关于JavaScript的一些冷知识。
9、html中设置了id的元素居然是js的全局变量!

html页面代码如下所示

<div id="angelaDiv"> </div> <script type="text/javascript"> console.log(angelaDiv); </script>

在chrome控制台看到的结果如下图所示


干货:关于JavaScript的一些冷知识。
10、字符串居然能用下标访问

大家都知道字符串是不可变的,在js中也是如此。也就是说一旦字符串被创建,就无法改变。但是我相信很少人知道在js当中居然可以用下标来访问字符串当中的某一个字符,虽然可以用下标读取但去不能修改哦(虽然修改操作不会报错,但是却不起作用)


干货:关于JavaScript的一些冷知识。

技术为王

娱乐 | 编程 | 干货

酸甜苦辣是食物的味道,喜怒哀乐是生活的味道。

长按上方

关注我们,一起乘风破浪。

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: JavaJavaScriptHTML变量删除其实
分页:12
转载请注明
本文标题:干货:关于JavaScript的一些冷知识。
本站链接:http://www.codesec.net/view/483609.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(17)