JavaScript

深入了解javascript(一)

2017-03-30  本文已影响35人  南蓝NL

前端瞬息万变,但万变不离其宗,这个“宗”指的就是javascript,很多现在很热门的框架,比如angluar.js、vue.js、jquery都是基于javascript。我承认我手动敲代码的能力有点薄弱,尤其是javascript这块,不想一直重复造轮子,所以才想深入js

1、严格模式与混杂模式的区别

严格模式:又称标准模式,是浏览器按照w3c标准解析代码

混杂模式:又称兼容模式,浏览器用自己的方式解析代码

h5并无严格模式与混杂模式之分,因为它的文档的声明是这样的<!DOCTYPE  html>,沒有dtd

其实现在是用h5了,所以很少听到说严格模式与混杂模式之分,因为最近在深入js,书上总是提到严格模式,所以我不得不去了解下,记住一点严格模式就是浏览器按照w3c的标准去解析代码

2、<noscript></noscript>的作用,如果当前浏览器不支持脚本或者该浏览器禁用了脚本

我们可以使用noscript来写内容,可以在上面说的两种情况下呈现,但是对于支持脚本的浏览器则是无效的,不会显示noscript里面的内容

3、script 的defer属性可以让当前该脚本在文档呈现之后再执行脚本(好像并没有什么用),async属性表示当前脚本不必等其他脚本,也不会阻塞其他脚本(好像很少用到,不过这些知识还是知道的好)

4、一个关于ECMAscript的变量的问题(划重点),用var定义的变量在该函数的作用域当中是局部变量,离开该函数的作用域之后,变量就会被销毁

如:function test(){

var message = “hi";//局部变量

}

test();

alert(message);//错误

如:function test(){

 message = “hi";//局部变量(不推荐省略var 来定义全局变量,因为局部作用域中定义的全部变量很难维护,况且在严格模式下给未声明的变量赋值会抛出一个ReferenceError错误,那在哪里定义全局变量呢,当然是函数外面拉)

}

test();

alert(message);//hi

5、数据类型,undefined、boolean、string、number、object、null,这里特别强调的是undefined,是使用var关键字声明但是并没有初始化(重点重点),之前我以为就是没有声明就是返回undefined,谁知理解错误

比如 var message; alert(message);//undefined

6、null指针是一个特殊的对象(object),不得不提null与undefined的区别,,undefined是派生自null的,null是要要保存对象但是并没有真正的保存对象,undefined与null的意思很相近,但还是有些细微的差别,比如转化为数值的是后,undefined是NaN(not a number非数值),null是0。看了阮一峰的日志,总结到,null表示”此处没有值“,而undefined表示”此处有值,但还没有定义“

http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html阮一峰关于undefined与null的区别的日志,想了解得更清楚可以参考下

6、isNaN方法的意思,能转化为数值返回flase,不能转化数值返回ture

  比如alert(isNaN("NaN")) //不能转化为数值,返回值是ture,同样的alert(isNaN("blue")也返回true

而alert(isNaN("true"I)//可以转化0,alert(isNaN(”10“))//可以转化数值10,返回f都是false

7、数值转换的方法parseInt()、parseFloat()、Number()

如果是布尔型,则返回1、0;如果是数字型,则只是简单传入与返回;如果是null则返回0;如果是undefined则返回NaN;如果是数字型的字符串,则返回数字,如果是进制的数字则返回相同大小的十进制,其他类型的字符串则返回NaN(非数字)

8、一元操作符的注意事项,比如说  var n=’z';   var s1='2';   s1++ //变成数值型的3,而n++//返回NaN

9、按位异或(如果两个都是1或者都是0的话返回0,其他的返回1。按照我们高中老师的说法,性别相同的人生不出孩子,有点小污~~~~) 

10、==与===的区别==只会判断值是否相等,而===会判断值和类型是否一致

比如undefined==null 返回true,因为它们会返回类似的值

null===undefined会false,因为他们是不同类型的值

11、label语句label:statement

比如start:for ( var i=0; i<count; i++){ alert(i); }      start可以用break或者continue引用,加标签的语句一般与for语句配合使用(讲真,以前看不懂这种写法)

12、with语句:作用是将代码的作用域设置到一个特定的对象当中 with(expression)statement;

比如:var qs=location.search.substring(1);

        var  hostname=loaction.hostname;

        var url = location.href;

上面的代码都包含了location对象,使用with语句可以这么做

with(location){

var qs = search.substring(1);

var  hostname = hostname;

var url =  href;

}(使用了with语句关联了location对象)严格模式当中不允许使用with语句,否则将视为语法错误

使用大量的with语句会导致性能下降,因此在大型的项目开发当中不建议使用with语句

13、参数

ECMAscript不介意传递进来多少个参数,也不介意参数的类型,之所以这样,是因为ECMAscript的参数是用一个数组表示的,在函数体可以通过arguments对象去访问这个数组,从而获取每一个参数,他并不是数组的实例,只是与数组类似,比如访问第一个参数arguments[0],arguments[1]...

比如:function doAdd(){

  if(arguments.length == 1) alert(arguments[0]+10);

}else if(arguments.length ==2 ) alert(arguments[0]+arguements[1]);

}

doAdd(10);   //20 因为只有一个参数

doAdd(20,30);    //50 因为有两个参数

14、ECMAscript没有重载(不能向其他语言一样比如java,重载的意思就是为一个函数编写两个定义,只要这两个函数定义的签名(接受的类型和数量)不同即可,但是是ECMAscript没有签名,因此无法真正的重载

比如  function sum1(num){     return num+100 ;  }

  function sum1(num ) {   return num+200;  }

var result = sum1(100); //300

留下两个问题!现在还有点想不通昨晚为了完成客户的单子,很晚才睡,顶着熊猫眼T_T

上一篇下一篇

猜你喜欢

热点阅读