javascript代码实例教程-ECMASCRIPT――Js中的数据类型、运算符、流程控制、函数作用域链、预解析、匿名函数自执行、怪异的几个地方

发布时间:2019-02-11 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-ECMASCRIPT――Js中的数据类型、运算符、流程控制、函数作用域链、预解析、匿名函数自执行、怪异的几个地方脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 1.js是弱类型的语言,并非是没有类型,js类型分类一般有两种,1:undefined,null,boolean,string,number,object;2:undefined,boolean,string,number,object,function。个人比较推崇第二种,一方面是因为一切都是对象的说法会让初学者感到迷惑,另一方面函数是一个很庞大的东西,往往需要单独拿出来谈。

 

2.js中的运算符运算的时候会有隐式类型转换,而且js容错能力特别强,允许各种比较怪异的写法,这一点会让一些发一些‘js好牛的感慨’,这也是触发各种奇技淫巧的原因

 

  2.1 js中加号左右两边只有一个字符串,那么这个表达式按照字符串链接执行,3+’4’=>34;3+4=>7;但是需要注意的是:3+4+’5’=>75;这里按照优先级,前面一个加号还是会正常的按数字做加法的;7-‘3’=>4;js中会做隐式类型转换让左右两边的类型使得表达式能够正常的计算。(注:=>表示前面表达式的结果是后面那个,并不是大于等于号)

 

  2.2=== 必须是相同类型才有可能相等(全等于),在这个前提下,基本类型==就===;而对象和函数类型,必须是同一个引用才会相等,比如VAR obj={a:3};obj==={a:3}//false.== 判断的时候可以有隐式类型转换,3==new Number(3) //true ;      ’33’==33;//true      true==1;//true        false==0;//true              对象和字符串或数字类型比都是用它的toString和valueOf 方法,但是很少拿对象出来比。SwITch/case语句中是按===比较的,比如说Switch(3){case ’3’://code}不会通过case的。

 

  2.3>和< 这两个比较运算符,都是数字正常的比较,都是字符串按Unicode码比较,都是boolean类型,true>false,都是对象按valueOf方法比较;数字和字符串比较,必须字符串是能够转化成数字的才能比较,不然无论怎样都返回false,3<’4’ //true  3<’4a’//false    3>’4a’//false;       数字和boolean比较,true转化成1,false转化成0比较;   字符串和boolean比较,true转化成’true’,false转化成’false’比较; 字符串和对象比较,对象按toSting转化,一般都不拿基本类型和对象比较。

 

  2.4  几个比较的特殊情况,null==undefined//true     NaN==NaN//false(用isNaN判断)      tyPEof null//object   null instanceof Object //false         3 instanceof Object//false       new Number(3)  instanceof Object //true  typeof NaN //number {}==={}//false  var str=’12a’;typeof str++;//number str的值现在是NaN,++和+=并不是完全全等的(typeof的结果都是小写的字符串)

 

2.5    []==true //false []==flase//true if([]){} []&&true//true       []在和true或false比较的时候表现出来的是false,但是在其它操作,例如与操作if判断里都是表现出true的。null,undefined, 0, "", NaN都是直接表现为false,

 

3.    Js的流程控制除了一般的if/else  switch/case  for/while   ?三目 还有一个for/in for in循环一般用在无序的对象里,一般来说for/in的性能不是太好,尽量避免使用;还有一个和其它的语言不同的是标签,标签这东西就是一个小范围的goto语句,在js中在作用域内有效(即函数),目的是跳出多重循环或判断,一般需要使用标签的时候,程序本身就存在问题,个人也觉得没有使用的必要。

 

4.js中一般情况下只有函数才有独立的作用域(除了eval这种提升作用域),作用域链这个东西是针对变量的访问来说的,作用域链只和函数定义的地方有关,当访问一个变量的时候,js引擎会在当前函数作用域中找这个变量,找不到会去它的父函数的作用域去找,这样一直找到最外层的函数还找不到,就到window对象上找,还找不到就报错了,这就是作用域链;作用域链还和一个重要的概念有关——闭包,当子函数引用了父函数的变量,假如子函数一直可能被访问(return出去了,或者作为window或其它对象的属性),则父函数的内存空间一直得不到释放,这就是闭包。

 

5.预解析是指把函数和变量的声明提前到作用域的顶端,var形式的变量/函数声明预解析相当于把var aaa=3;分成了var aaa;aaa=3;两个语句,并且把前面一个提前到作用域的顶端,函数预解析则是把整个函数声明提前到了作用域的顶端,主要var形式声明的函数也是分成两个部分解析的。

 

6. 匿名函数自执行,function(){}()是有语法错误的,可以写成(function(){}())或者(function(){})(),其实这个只是为了语法上的分隔,其实~function(){}()或+function(){}() 都是可以的。

 

7.js中的颜色,ie中是使用的hex值,即你赋值的什么值,就是什么。FF和Chrome使用的 rgb和red,blue这种,所以如果要在js中使用颜色值做一些判断等操作的话,一律使用rgb值,得到统一。浏览器对red,blue,pink这种也支持不统一,一般也不用。(除了测试)

 

8. 0.1+0.2 !=0.3 计算机无法精确的表示大部分小数,0.1并不是真的0.1,所以一般小数相加减,如a+b用(100*a+100*b)/100代替,100后面的0的个数表示精度,如果要比较小数,如a+b==c用a+b-c<0.000001代替

 

9.在js中undefined尽管有特殊的含义,但是它不是保留字,并且在ie中(只测试了低版本)undefined的值可以重写,如undefined=&#39;abc';var a;a==undefined;//false 'aac'+undefined  //aacabc 当然这个只是在ie中,高级浏览器不存在这种情况,所以在jquery码中,undefined是被当作参数传进去的,止有人篡改undefined的值,不过没有人会这么干

 

10. '10 13 21 48 52'.replace(//d+/g, function(match) {return parseint(match) <30?

 

        '*' : match;})  //* * * 48 52  正则的replace方法可以接受回调函数,参数是匹配到的值(是字符串),return 出来的就是替换的。要匹配多个要是全局匹配,g

 

11. 函数中变量重名,var 赋值>函数声明>函数参数>var 声明(预解析). 这里的顺序和声明的位置没有关系。如:function fun1(a){var a=3;function a(){} alert(a)}  fun1(222); 结果是弹出3;function fun1(a){var a;function a(){} alert(a)}  fun1(222),结果是弹出function;function fun1(a){var a; alert(a)}  fun1(222); 结果是弹出222;这里,无论顺序是怎样的,只有函数参数和变量名或函数名有重名,只要有一个改变,变量的值就是arguments[0]的值

 

12.javascript 严格区分大小写,在HTML中是不区分大小写的,所以在htML中属性名是可以大写也可以小写的,但是js中必须小写

 

13. js中的注释是//code 或者 /*code */  html中注释:<!-- code -->    css注释:/*code*/ 

 

14.return{a:3};如果在函数中后面的这个json不和return在一行的话,其实最后的函数的结果是undefined,因为js每行语句最后一个语句是可以不加分号的,js引擎会帮你加上,但是最好加上,便于压缩,可读性

 

15. 获取对象的属性,可以用 .  [] getAttribute ,其中html中非标准的属性,  chrome等高级浏览器会过滤,所以要用getAttribue获取,但是它不能获取[] .赋值的属性,它只能获取html中的自定义属性和sertAttribute设置的属性

 

16.基本类型都有一个包装类型,比如说'abc'.length,其实js会把字符串转换成它的包装类型, 再看它的length属性,它本身是没有属性的,调用结束后这个临时对象就销毁了,alert(1.abc)是错的,但是alert((1).abc)就会弹出undefined

 

17.var str='33aaa3';str.toUpperCase(); 结果是'33AAA3',但是str的值还是'33aaa3',以为toUppercase()函数,是不会改变字符串本身的,它会返回一个结果,字符串的很多方法,如replace方法都是不会改变字符串本身的,如果要用最后产生的值,最好可以存一份,但是数组pop,push等方法是会改变数组本身的。

 

18. 33/0 //infinity    -332/0 //-infinity    0/0 //NaN

 

19. 在js中是for/if/swicth/try等控制语句是没有单独作用域的,虽然声明有预解析。但是有一种写法是不兼容的,if(22>14){function aaa(){alert(1)}}else{function aaa(){alert(2)}} aaa(); aaa() 是在FF下是弹出1,其它浏览器弹出2.所以尽量不要在if语句中声明函数,如果真要声明,写成 var aaa=function(){//code},这样就没有问题了。前面说过var声明,函数声明和函数重名会出现的结果。js中理论上说只有函数作用域,记住函数传参中的实参中的this和变量都还是执行这个函数的地方的this。如:

 

       var ddd={ccc:'abc',

 

                aa:function(){

 

                       function bb(aaaa){alert(aaaa);}

 

                       bb(this.ccc);

 

                   }

 

               }

 

       this.ccc=333;ddd.aa.call(window);

 

       这里的bb(this.ccc); 的this还是aa这个函数执行环境中this,这里是window,结果是333

 

       如果换成ddd.aa()这种执行方式,结果就是'abc'

 

20. 作用域链和原型链,作用域链是查找变量,原型链是查找对象属性,作用域链只和函数定义有

 

       关,函数中的this只和函数执行有关。原型链和继承有关,子对象可以访问父级的属性和方法

 

21. [aa(),3+5,2];function aa(){return 33;} 这种写法一点错都没有,数组的每一个元素都可以

 

       是表达式,但是一般真要用,先把函数值用变量存起来,在数组中变量就可以。

 

22. new Object() ,new Date();如果没有参数这个括号是可以省略的,如:new Object,new Date 都可以,这就说明了它是一个表达式

 

23.delete obj.attr   child instanceof parent   delete,instanceof都是一个运算符,虽然var声明的变量是window对象上的属性,但是delete是删除不掉的,但是不用var声明的在高级浏览器下就可以删除(ie下不能删除)。 一般自定义对象的自定义属性是可以delete掉的,系统定义的一般是delete不掉的。 ????????

 

24.js中的&amp;&和||都是有短路现象,a&&b如果a是false,b不会执行,如果a是true,a&&b的结果就是b的值,需要注意的是:a&&b不会把a和b都转化的布尔值了再计算,如果a是ture,a&&b就是b的值,不是b对应的布尔值,if(g() && [] == ![]) 应该看作if ( (g() && [] )== ![]),假设g()为ture,所以(g() && [] ) 就相当于(true && []),结果是[ ]不是ture,![ ]的结果是false,所以if判断可以简化为:[]==false,js中对象和布尔值比较,有一个怪异的现象(前面已提),同理:[ ]==![ ] 竟然也是true}所以if条件成立。所以走if语句。 a++和a+=1,是不同的,前面已提过。

 

25. eval() setInterval('alert(33)',30),new Function(''),后面两种都可以变相的使用eval功能,但是尽量不要这么用,但是js中有一个地方是不得不用的,就是ajax和jsonp获取字符串以后都不得不eval一下,把它变成真正的js语句。setInterval 是历史遗留问题。

 

 26.a>b?result1:result2  这个条件运算符,result中就是一个数字或者一个单独的表达式,不要用几个,隔开的表达式,那种用法是报错的, typeof 是一个操作符,优先级比较高,如果有运算,尽量打括号。

 

 27. switch(n){case num://code;case num2://code;default://code;}这里的n和num都可以是一个变量或表达式,但是必须是===,即类型必须是一样 ‘3’ 和3 是不等的。

 

28. for(var key in obj){obj[key]} for in循环虽然是说是无须的,但是比如说数组,会按push进去的顺序枚举,但 for in的效率很低,尽量不用。并且对象的有些属性是不可枚举的。 hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性, 该属性必须是对象本身的一个成员。所以如果是要for in 对象本身,用if(obj.hasOwnPRoperty(key))

 

 29. 标签语句,都是和if,for等结合使用的,不能单个语句使用,tag:if(a>b){//code break tag;}跳出if循环,在循环中使用就是跳出循环,continue跳出这一次循环,其实就是为了多层嵌套使用的,意义不大,并且标签语句只有在当前函数作用域有效。

 

30. throw new Error('错了,哈哈');抛出一个错误,和语句运行出错是一样的。try{//code}catch(ex){alert(ex)}finally{//code} 如果try 出错,执行catch中的语句,最后执行finally,有时候因为用户操作而造成的偶然错误,又急着上线,就可以先放在try中,一个try可以有多个catch,很少用,finally也很少用。

 

31. with(obj){} 语句会把 obj 对象添加到作用域的顶端,只有前缀很长的时候会使用,但是把前缀用变量存一下是更好的选择。一般不用

 

32. debugger;如果不需要弹什么东西,只是看语句执行到哪执行到没有,可以用debugger,方便。不兼容,调试用。

 

33. 'use strict'  严格模式,'use strict'只是个字符串,但是它必须出现在脚本的最前面,或者函数的最前面。 严格模式下,禁用了很多东西,比如说with是禁用的,单纯的函数执行,this不是window了而是undefined,同名参数会出错,arguments和参数变成了同一个引用。 (尼玛,大早上的写了这么多没保存,太伤心了)

 

34. ES5提供了一个对象访问原型的不标准的属性__proto__,但是一般用Obj.constructor.prototype来访问,constructor是正确的。

 

35.对象序列号其实就是指对象转化成字符串,反过来一样,但是前后台交互数据现在一般都是json格式的, 所以序列化/反 一般都是针对json来说的,ES5 新定义了两个方法JSON.stringify(json1)/ JSON.prase(json2)分别是序列化和反序列化的,其实只要for/in循环一下,eval一下也同样很容易做到序列化/反

 

36.数组里新建一个对象a=new Arrar(5) 是创建5个空元素,不是创建一个5,而且没有[]直观 所以一般不用new Array,也没必要。pop/push/unshift/shift 记得就行,清空数组用arr.length=0就行,delete arr[3]其实就是跟arr[3]设置一个undefined值。    不会改变length长度,数组遍历for(var i=0,len=arr.length;i<len;i++) 就一次访问length属性,特别是当访问dom对象伪数组的时候,减少访问dom的次数可以提高性能,数组元素之间类型是可以不一样的,但是js里面没有提供多维数组的直接方法。但是你可以通过把方法:join arr.join('-'),就是用-把每个连接起来的字符串。arr.reverse 把arr逆序。arr.sort(function(a,b){reutrun a-b;})这是个排序方法,参数是两个元素,可以先处理两个元素,比如说先把字符串弄成小写,在比较,return 正数 就是a,b 排列;负数就b,a排列.arr.slice(num1,num2)截取num1到num2的元素组成的数组,如果是负数是从数组往前面数的,-1是最后一个元素,如果只有一个参数,就是到数组最后,但是第二个参数所在位置是不包含的。arr.splice(num1,num2),splice不仅返回了从num1到num2组成的数组,  而且在数组arr中把这段删除了,arr.concat 方法,数组连接,参数可以是多个,单个元素和数组都行。ES5中的方法,foreach,map,indexof等方法,这些方法都很容易实现,面试可能会问到除了forEach其它意义不是很大。pop/push/unshift/shift/splice/reverse/sort 等方法修改了原数组,join/concant/slice 没有修改,如果不记得有没有修改,就用一个变量把结果存起来,不要纠结。有些伪数组有时候也需要用数组的方法,可以用Array.prototype.concat.call(obj,obj2);但是一般没必要这么用,结果有时候比较诡异,不是每一个伪数组,每一个方法都是可以这么用的。

 

37.function 中 函数名.length 形参的个数,arugments.length 实参的个数。arguments的callee、caller属性,在严格模式下都是会出错的。arguments的caller属性的值是调用这个函数的函数,arguments的callee的值是这个函数本身,常常用于递归.

 

38.如果需要定义一个静态的函数执行不会重置的变量,不要用全局变量,函数名.属性名=3;就可以了,但是一般在函数外面定义,利用闭包访问就可以了。call/apply 都是Function原型上的方法,第一个参数都是给this赋值,call后面是一堆参数,apply是一个数组

 

39.  A instanceof B 如果A能访问B的原型,则 true。判断一个变量是不是字符串,(typeof arr)=='string' || arr.constructor==String  其实 就算是基本类型arr.constructor 也有值,str的也是String,所以直接用arr.constructor==String 就可以判断,判断数组也是一样。

 

40. 正则表达式: [ ] 表示[ ]的任何一个,也可以/w 这种,[^ ] 除了[ ]  中的字符,大写就是和小写相反的,/s任何空白符,/w数字或字母。/d数字  . 除换行符终止符以外的任意字符 , ? 0/1 次,+ 1次或多次,* 0次或多次,{n,m}至少n次不超过m次,{n,}至少n次,{n} n次, | 是或的意思,[ab]可以写成a|b ,但是[]可以[a-b] 是这种范围,正则中可以用括号,如果要匹配括号,那么要转义。/^$/表示开头和结尾i是不区分大小写,g是全局匹配,字符串方法'JavaScript'.replace(/javascript/gi,'javascript') 第二个参数可以是函数,在1.7中已经说过。replace方法不改变字符串本身,只要返回的值。‘ff DF    jj  j’.split(//s/)  split 的参数也可以是正则。str.match(//d/)返回值是匹配到的字符串的一个数组。reg.test(str) 和reg.exec(str)如果正则是g全局的,每次匹配不会从头开始匹配,比如//w/.test('ab')执行第三次的时候就会返回false,所以用这两个方法的时候,一般不要加g。exec结果是匹配到的结果数组。 没匹配到是null。

 

41.只使用一个var声明变量,有利于压缩代码,算是养成一个习惯吧。

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-ECMASCRIPT――Js中的数据类型、运算符、流程控制、函数作用域链、预解析、匿名函数自执行、怪异的几个地方全部内容,希望文章能够帮你解决javascript代码实例教程-ECMASCRIPT――Js中的数据类型、运算符、流程控制、函数作用域链、预解析、匿名函数自执行、怪异的几个地方所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。