Javascript 你不知道的事,好吧,是我不知道的事

    1. NaN表示一个不能产生正常结果的运算结果。它不等于任何值,包括它自己。可以用isNaN(number)来检测。
    2. 同Java中的字符串一样,JS中的字符串是不可变的。也就是说一旦字符串被创建,就无法改变。下标表达式(如s[3],代替s.charAt(3))可以读取字符,但是不能用于改变字符。
    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。
    4. 不同于C/C++、Java等语言,JavaScript的switch语句不光可以使用数字、字符做条件表达式,还可以使用字符串!其实JavaScript中没有字符这个基本类型,单个的字符也是一个字符串。更强大的是,case语句的表达式可以是变量!下面是示例:

      [javascript] view plaincopyprint?

      1. function t(p,v){
      2. switch (p){
      3. case ‘c‘:
      4. alert(‘char‘);break;
      5. case ‘string‘:
      6. alert(‘string‘);break;
      7. case v:alert(‘variable:‘ + p);break;
      8. default:alert(p);
      9. }
      10. }
      11. t(‘c‘);//‘char‘
      12. t(‘string‘);//‘string‘
      13. t(123);//‘123‘
      14. t(123,123);//‘variable:123‘
    5. 程序随时可以throw出一个异常,throw出来的可以是任意表达式、对象或常量;当然,良好的异常处理系统是需要精心设计一下的。
    6. switch、while、do、for语句允许有一个前置的标签,配合break或continue语句使用来完成一些跳转。
    7. JavaScript对象是可变的键控集合(keyed collections),是属性的容器,属性名甚至可以是空字符串"",属性值可以是除undefined之外的任意值。简单类型(number,string,boolean,null,undefined)貌似是对象,因为它们有方法;但它们是不可变的。
    8. delete用来删除对象的属性,不会触及原型链中的对象;删除失败的时候,该操作返回false。全局的函数和变量定义也是全局对象的属性,因而可以用delete操作删除,而函数内部的变量声明和函数定义则无法删除,例如下列函数执行的结果是弹出“false”。

      [javascript] view plaincopyprint?

      1. function f(){
      2. var a = 3;
      3. alert(delete a);
      4. }
    9. string的fromCharCode方法从一串代表ASCII码的数字中,返回一个字符串,在某些情况下,这个方法可能会很有用。
      var a = String.fromCharCode(67,97,116);
      // a是‘Cat‘
    10. string的replace() 方法的第一个参数是字符串或者正则表达式。第二个参数如果是字符串,可以指定正则表达式的匹配分组等信息,如$3代表第三个捕获分组。第二个参数可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。
      该函数的参数与正则表达式exec方法返回的数组类似:第一个参数是匹配模式的字符串,接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数,再后面的参数是一个整数,声明了匹配在原字符串中出现的位置,最后一个参数是整个字符串。示例是最有力的说明手段:

      [javascript] view plaincopyprint?

      1. var s = ‘fon230nva09dnfadsf‘;
      2. var r = /(\d{2})([a-zA-z])/g;
      3. var t = s.replace(r,function(){
      4. /*……*/
      5. });

      相应的第一次替换中,arguments的内容为:
      Arguments[5]

      1. 0: "30n"
      2. 1: "30"
      3. 2: "n"
      4. 3: 4
      5. 4: "fon230nva09dnfadsf"

      exec方法的返回结果是一个JS数组,并附带两个额外的属性index和input。与上面replace对应的exec方法第一次执行的返回结果对照如下:

      [javascript] view plaincopyprint?

      1. r.exec(s);

      Array[3]

      1. 0: "30n"
      2. 1: "30"
      3. 2: "n"
      4. index: 4
      5. input: "fon230nva09dnfadsf"
      6. length: 3
    11. string的match方法根据g标识来决定如何进行匹配。如果没有g标识,那么调用string.match(regexp)的结果与第一次调用regexp.exec(string)的结果相同。如果regexp带有g标识,那么它返回一个包含所有匹配的字符串的数组。

      [javascript] view plaincopyprint?

      1. var s = ‘fon230nva09dnfadsf‘;
      2. var r = /(\d{2})([a-zA-z])/;
      3. s.match(r);

      输出结果:Array[3]

      1. 0: "30n"
      2. 1: "30"
      3. 2: "n"
      4. index: 4
      5. input: "fon230nva09dnfadsf"
      6. length: 3

      [javascript] view plaincopyprint?

      1. var r = /(\d{2})([a-zA-z])/g;
      2. s.match(r);

      输出结果:Array[2]

      1. 0: "30n"
      2. 1: "09d"
      3. length: 2
    12. string的split(separator,limit)方法把string分割成片段,来创建一个字符串数组。可选参数limit可以限制被分割的片段数量。separator参数可以是一个字符串或一个正则表达式,并且来自分组捕获的文本将会被包含在被分割后的数组中。下面给出一个综合的例子:

      [javascript] view plaincopyprint?

      1. var s = ‘str1 , str2 , str3‘;s.split(/\s(,)\s/,4);
      2. //输出结果:["str1",",","str2",","]
    13. string的substring函数的用法和slice一样,但是它不能处理负数参数。ECMAscript中也没有对substr方法进行标准化,所以如果要取一个字符串的子串,就用slice方法吧!
    14. 如果一个正则表达式对象reg带有g标识,则exec方法的查找不是从字符串的起始位置开始,而是从reg.lastIndex开始;遇到不成功的匹配时,才会将其重置为0。^因子也只匹配lastIndex为0的情形,所以某些情况下,可能会需要手动把lastIndex重置到0!
    15. 不要对正则表达式的test方法使用g标识,由于它在底层可能调用exec进行判断,test方法将与正则表达式的lastIndex属性产生不必要的依赖。
    16. 一个未被转义的点号“."将匹配除行结束符以外的任何字符。
    17. 正则表达式中,(?:exp)表示一个非捕获组,它不会干扰捕获型分组的编号。用非捕获组替代不优美的捕获型分组是很好的方法,它减少了性能损失。而(?:exp)?表示一个可选的非捕获分组,因为括号后面的“?”表示重复0或1次,所以该非捕获组是可选的。
      应避免使用/* */注释,因为它可能与正则表达式字面量相冲突。
    18. JS的数组可以用字符串形式的数字下标来访问,因为数组的元素其实是数组对象的属性。delete可以用来从数组中移除元素,但由于一个元素就是一个属性,delete会在数组中遗留一个“空洞”;使用splice方法可能是一个更好的办法。例如要删除arr数组的第3个元素,可以使用这样的语句:arr.splice(2,1);不过对于大型数组来说,这个函数的效率可能不高。
    19. 数组的length属性不可枚举。
    20. 关于括号对作用域的影响,看下面的例子: 

      [javascript] view plaincopyprint?

      1. var x=10;
      2. var foo = {
      3. x:20,
      4. bar:function(){
      5. var x = 30;
      6. return this.x;
      7. }
      8. }
      9. var a = (foo.bar)();//括号不影响表达式的值,相当于直接调用foo.bar()
      10. var b = (foo.bar=foo.bar)();//括号表达式返回赋值操作的结果,也就是foo的成员bar函数;而调用的时候已经回到了全局作用域。
      11. var c = (foo.bar,foo.bar)();//与上式相同,都是返回表达式的结果,也就是后面的bar函数,同样相当于在全局作用域调用bar函数。

      因此a、b、c的值分别为20,10,10。

时间: 2024-10-10 06:24:48

Javascript 你不知道的事,好吧,是我不知道的事的相关文章

ES6 你可能不知道的事 – 基础篇

ES6 你可能不知道的事 – 基础篇 转载 作者:淘宝前端团队(FED)- 化辰 链接:taobaofed.org/blog/2016/07/22/es6-basics/ 序 ES6,或许应该叫 ES2015(2015 年 6 月正式发布),对于大多数前端同学都不陌生. 首先这篇文章不是工具书,不会去过多谈概念,而是想聊聊关于每个特性 你可能不知道的事,希望能为各位同学 正确使用 ES6,提供一些指导. 对于 ES6,有些同学已经在项目中有过深入使用了,有些则刚刚开始认识他,但不论你是属于哪一类

Android生命周期里你或许不知道的事

Android生命周期估计连初学者都再熟悉不过的东西了,但这里我抛出几个问题,或许大家以前没有想过或者可能认识的有些错误. 一.当A启动B时,A和B生命周期方法执行的先后顺序是怎样的?当按返回键返回时,又是怎样的?(读者可以先想想,可能会跟你的答案不一致) A--->B时,打印结果如下: 按返回键B--->A,打印结果如下: 结论:先执行当前显示Activity的onPause方法,接着执行完将要显示Activity的生命周期方法,最后再执行当前显示Activity的其它生命周期方法 二.生命

网站细节优化,你不得不知道的事

你怎么做优化的?这句话问到许多人的时分他们都是一个回答."文章,外链",其实,搜索引擎优化真的并不是如此.下面天津搜索引擎优化小编举个简略的比方,就好比咱们买了个新房子,文章即是你房子中的家私,外链即是你需求来观赏的兄弟.你的家私多,而且异乎寻常,也即是说你的文章多,自创,当然可以很招引你需求到来的兄弟们的眼球.可是,如果你的房子地没扫,各种规划不合理,很有可能会给别人形成肮脏的印象.所以,做搜索引擎优化并不是只要文章还有外链,还需要你进行仔细的润饰,也即是咱们做的网站细节优化.下面我

overflow:hidden 你所不知道的事

overflow:hidden 你所不知道的事 overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解. 一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的.但是对于“浮动”这个词到底包含什么样的含义呢?我们下面来详细的阐述一下. <div id="wai"> <div id="nei">

关于Javascript你可能不知道的事

NaN表示一个不能产生正常结果的运算结果.它不等于任何值,包括它自己.可以用isNaN(number)来检测. 同Java中的字符串一样,JS中的字符串是不可变的.也就是说一旦字符串被创建,就无法改变.下标表达式(如s[3],代替s.charAt(3))可以读取字符,但是不能用于改变字符. null,undefined,空字符串'',0,NaN被当做false,其余的值(包括"false")或对象都被当做true.所谓的“被当做”并不是说这些值就是布尔值true,例如true==&qu

移动开发不能不知道的事-meta

webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <meta content="yes" name="apple-mobile-web-app-capa

移动开发不能不知道的事- css3复选框样式自定义

样式化复选框(Styling Checkbox) 复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般就像下面这样: 选中状态  未选状态 这取决于操作系统和浏览器,有些时候,这种样子并不能满足设计要求,这时需要更为精致的复选框样式.以往只有少数浏览器才支持对这类控件应用样式,比如拿到这样一张设计图: blue.png 在过去,想要通过简单地修改样式达成这种设计效果根本不行,不过,现在借助强大的 CSS3 属性 appearance 可以对该类控件有空前的样式控制能

详解php中switch你可能不知道的事

switch的常规用法是传递一个参数然后逐一跟case对比: switch (variable) {     case 'value':         // code...         break;          default:         // code...         break; } 在分支比较多的时候:switch要比if else if好用:比如: if('value'){     // code... }else if('value2'){     // cod

Java你可能不知道的事系列1

概述 本类文章会不段更新分析学习到的经典面试题目,在此记录下来便于自己理解.如果有不对的地方还请各位观众拍砖. 今天主要分享一下常用的字符串的几个题目,相信学习java的小伙伴们对String类是再熟悉不过了,今天我们就来和她再次邂逅,好了下面开始. 先来说说String特点 String是不可变的常量,每当我们创建一个字符串对象的时候,如果堆区的常量池里不存在这个字符串,就会创建一个存储在常量池里(String存的地方叫String pool),如果存在了,就直接把变量的地址指向常量池里,比如