前端瞬息万变,但万变不离其宗,这个“宗”指的就是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