关于Javascript你可能不知道的事
- NaN表示一个不能产生正常结果的运算结果。它不等于任何值,包括它自己。可以用isNaN(number)来检测。
- 同Java中的字符串一样,JS中的字符串是不可变的。也就是说一旦字符串被创建,就无法改变。下标表达式(如s[3],代替s.charAt(3))可以读取字符,但是不能用于改变字符。
- null,undefined,空字符串'',0,NaN被当做false,其余的值(包括"false")或对象都被当做true。所谓的“被当做”并不是说这些值就是布尔值true,例如true=="false"并不成立,而是在条件判断语句如if("false")alert('"false" judge as true');中被当做是true。之所以出现这样的情况,是因为非空的字符串或者非null的对象相当于!undefined或!null,其值被当做true也就是很自然的了。我们可以用两个取非的符号“!”将一个值强制转换为布尔类型,对其真假进行直观的查看,例如alert(!!"false");输出true。
- 不同于C/C++、Java等语言,JavaScript的switch语句不光可以使用数字、字符做条件表达式,还可以使用字符串!其实JavaScript中没有字符这个基本类型,单个的字符也是一个字符串。更强大的是,case语句的表达式可以是变量!下面是示例:
- function t(p,v){
- switch (p){
- case 'c':
- alert('char');break;
- case 'string':
- alert('string');break;
- case v:alert('variable:' + p);break;
- default:alert(p);
- }
- }
- t('c');//'char'
- t('string');//'string'
- t(123);//'123'
- t(123,123);//'variable:123'
- 程序随时可以throw出一个异常,throw出来的可以是任意表达式、对象或常量;当然,良好的异常处理系统是需要精心设计一下的。
- switch、while、do、for语句允许有一个前置的标签,配合break或continue语句使用来完成一些跳转。
- JavaScript对象是可变的键控集合(keyed collections),是属性的容器,属性名甚至可以是空字符串"",属性值可以是除undefined之外的任意值。简单类型(number,string,boolean,null,undefined)貌似是对象,因为它们有方法;但它们是不可变的。
- delete用来删除对象的属性,不会触及原型链中的对象;删除失败的时候,该操作返回false。全局的函数和变量定义也是全局对象的属性,因而可以用delete操作删除,而函数内部的变量声明和函数定义则无法删除,例如下列函数执行的结果是弹出“false”。
- function f(){
- var a = 3;
- alert(delete a);
- }
string的fromCharCode方法从一串代表ASCII码的数字中,返回一个字符串,在某些情况下,这个方法可能会很有用。
var a = String.fromCharCode(67,97,116);
// a是'Cat'string的replace() 方法的第一个参数是字符串或者正则表达式。第二个参数如果是字符串,可以指定正则表达式的匹配分组等信息,如$3代表第三个捕获分组。第二个参数可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。
该函数的参数与正则表达式exec方法返回的数组类似:第一个参数是匹配模式的字符串,接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数,再后面的参数是一个整数,声明了匹配在原字符串中出现的位置,最后一个参数是整个字符串。示例是最有力的说明手段:- var s = 'fon230nva09dnfadsf';
- var r = /(\d{2})([a-zA-z])/g;
- var t = s.replace(r,function(){
- /*……*/
- });
相应的第一次替换中,arguments的内容为:
Arguments[5]- 0: "30n"
- 1: "30"
- 2: "n"
- 3: 4
- 4: "fon230nva09dnfadsf"
exec方法的返回结果是一个JS数组,并附带两个额外的属性index和input。与上面replace对应的exec方法第一次执行的返回结果对照如下:
- r.exec(s);
Array[3]- 0: "30n"
- 1: "30"
- 2: "n"
- index: 4
- input: "fon230nva09dnfadsf"
- length: 3
- string的match方法根据g标识来决定如何进行匹配。如果没有g标识,那么调用string.match(regexp)的结果与第一次调用regexp.exec(string)的结果相同。如果regexp带有g标识,那么它返回一个包含所有匹配的字符串的数组。
- var s = 'fon230nva09dnfadsf';
- var r = /(\d{2})([a-zA-z])/;
- s.match(r);
输出结果:Array[3]- 0: "30n"
- 1: "30"
- 2: "n"
- index: 4
- input: "fon230nva09dnfadsf"
- length: 3
- var r = /(\d{2})([a-zA-z])/g;
- s.match(r);
输出结果:Array[2]- 0: "30n"
- 1: "09d"
- length: 2
- string的split(separator,limit)方法把string分割成片段,来创建一个字符串数组。可选参数limit可以限制被分割的片段数量。separator参数可以是一个字符串或一个正则表达式,并且来自分组捕获的文本将会被包含在被分割后的数组中。下面给出一个综合的例子:
- var s = 'str1 , str2 , str3';s.split(/\s(,)\s/,4);
- //输出结果:["str1",",","str2",","]
- string的substring函数的用法和slice一样,但是它不能处理负数参数。ECMAscript中也没有对substr方法进行标准化,所以如果要取一个字符串的子串,就用slice方法吧!
- 如果一个正则表达式对象reg带有g标识,则exec方法的查找不是从字符串的起始位置开始,而是从reg.lastIndex开始;遇到不成功的匹配时,才会将其重置为0。^因子也只匹配lastIndex为0的情形,所以某些情况下,可能会需要手动把lastIndex重置到0!
- 不要对正则表达式的test方法使用g标识,由于它在底层可能调用exec进行判断,test方法将与正则表达式的lastIndex属性产生不必要的依赖。
- 一个未被转义的点号“."将匹配除行结束符以外的任何字符。
- 正则表达式中,(?:exp)表示一个非捕获组,它不会干扰捕获型分组的编号。用非捕获组替代不优美的捕获型分组是很好的方法,它减少了性能损失。而(?:exp)?表示一个可选的非捕获分组,因为括号后面的“?”表示重复0或1次,所以该非捕获组是可选的。
应避免使用/* */注释,因为它可能与正则表达式字面量相冲突。 - JS的数组可以用字符串形式的数字下标来访问,因为数组的元素其实是数组对象的属性。delete可以用来从数组中移除元素,但由于一个元素就是一个属性,delete会在数组中遗留一个“空洞”;使用splice方法可能是一个更好的办法。例如要删除arr数组的第3个元素,可以使用这样的语句:arr.splice(2,1);不过对于大型数组来说,这个函数的效率可能不高。
- 数组的length属性不可枚举。
- 关于括号对作用域的影响,看下面的例子:
- var x=10;
- var foo = {
- x:20,
- bar:function(){
- var x = 30;
- return this.x;
- }
- }
- var a = (foo.bar)();//括号不影响表达式的值,相当于直接调用foo.bar()
- var b = (foo.bar=foo.bar)();//括号表达式返回赋值操作的结果,也就是foo的成员bar函数;而调用的时候已经回到了全局作用域。
- var c = (foo.bar,foo.bar)();//与上式相同,都是返回表达式的结果,也就是后面的bar函数,同样相当于在全局作用域调用bar函数。
因此a、b、c的值分别为20,10,10。
关于Javascript你可能不知道的事的更多相关文章
- ES6 你可能不知道的事 – 基础篇
序 ES6,或许应该叫 ES2015(2015 年 6 月正式发布),对于大多数前端同学都不陌生. 首先这篇文章不是工具书,不会去过多谈概念,而是想聊聊关于每个特性 你可能不知道的事,希望能为各位同学 ...
- Java你可能不知道的事(3)HashMap
概述 HashMap对于做Java的小伙伴来说太熟悉了.估计你们每天都在使用它.它为什么叫做HashMap?它的内部是怎么实现的呢?为什么我们使用的时候很多情况都是用String作为它的key呢?带着 ...
- java你可能不知道的事(2)--堆和栈
在java语言的学习和使用当中你可能已经了解或者知道堆和栈,但是你可能没有完全的理解它们.今天我们就一起来学习堆.栈的特点以及它们的区别.认识了这个之后,你可能对java有更深的理解. Java堆内存 ...
- overflow:hidden 你所不知道的事
overflow:hidden 你所不知道的事 overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解. ...
- JavaScript中你所不知道的Object(二)--Function篇
上一篇(JavaScript中你所不知道的Object(一))说到,Object对象有大量的内部属性,而其中多数和外部属性的操作有关.最后留了个悬念,就是Boolean.Date.Number.Str ...
- Spring中你可能不知道的事(一)
Spring作为Java的王牌开源项目,相信大家都用过,但是可能大家仅仅用到了Spring最常用的功能,Spring实在是庞大了,很多功能可能一辈子都不会用到,今天我就罗列下Spring中你可能不知道 ...
- java你可能不知道的事(2)--堆和栈<转>
在java语言的学习和使用当中你可能已经了解或者知道堆和栈,但是你可能没有完全的理解它们.今天我们就一起来学习堆.栈的特点以及它们的区别.认识了这个之后,你可能对java有更深的理解. Java堆内存 ...
- Javascript 你不知道的事,好吧,是我不知道的事
NaN表示一个不能产生正常结果的运算结果.它不等于任何值,包括它自己.可以用isNaN(number)来检测. 同Java中的字符串一样,JS中的字符串是不可变的.也就是说一旦字符串被创建,就无法改变 ...
- 关于JavaScript对象,你所不知道的事(二)- 再说属性
说完了对象那些不常用的冷知识,是时候来看看JavaScript中对象属性有哪些有意思的东西了. 不出你所料,对象属性自然也有其相应的特征属性,但是这个话题有点复杂,让我们先从简单的说起,对象属性的分类 ...
随机推荐
- 定期删除30天以前的elasticsearch的日志
脚本/scripts/delete-elk.log #!/bin/bash DATE=`date -d "1 days ago" +%Y.%m.%d` ip=`ifconfig e ...
- ref:PHP代码注入审计
ref:https://www.waitalone.cn/php-code-injection.html 通俗易懂,全面清晰. 0x1 前言 为了方便自己以后的翻阅和查找,最近正在整理一些所学的内容. ...
- 图解安装CLion编写程序并进行单元测试
我对JetBrains公司的IDE情有独钟,于是这里使用的IDE是CLion,CLion是以IntelliJ为基础,专为开发C及C++所设计的跨平台IDE,可以在Windows.Linux及MacOS ...
- 洛谷P3434 [POI2006]KRA-The Disks [模拟]
题目传送门 KRA 题目描述 For his birthday present little Johnny has received from his parents a new plaything ...
- Python类总结-析构函数和__call__方法
class Foo: def __init__(self): pass #析构函数 def __del__(self): print('解释器要销毁我了,我要做最后一次呐喊') def __call_ ...
- java.io.BufferedWriter API 以及源码解读
下面是java se 7 API 对于java.io.BufferedWriter 继承关系的描述. BufferedWriter可以将文本写入字符流.它会将字符缓存,目的是提高写入字符的效率. bu ...
- SQL1:基础
1.SQL命令类型: 1)DDL:CREATE TABLE/INDEX/VIEW ; ALTER TABLE/INDEX/VIEW ; DROP TABLE/INDEX 2)DML:INSERT,UP ...
- Mybatis源码分析之插件的原理
MyBatis 允许你在已映射语句执行过程中的某一点进行拦截调用. 默认情况下,可以使用插件来拦截的方法调用包括: Executor (update, query, flushStatements, ...
- 不愿看到Java开发者再做的10件事
William F. Buckley.Jr 曾经说过,“保守主义者是那些逆着历史潮流不断喊停的人,其他人都不愿意这么做或者对他们这么做显得没有耐性”.虽然我对此了解不多,但是每次看到有Java开发人员 ...
- Failed to resolve directive: el vue2报错
vue2报错 Failed to resolve directive: el 为什么会报这个错呢,主要还是因为vue升级的时候,v-el在vue2.x以后被淘汰.使用新的标签ref替换v-el,接下来 ...