千锋扣丁学堂HTML5培训之JS前端知识点整理总结(二)
今天千锋扣丁学堂HTML5培训老师给大家分享一篇关于JS前端知识点整理总结(二),介绍了JS前端知识点运算符优先级,URL编码与解码,String,Math,arguments操作,结合实例形式整理总结了javascript运算符优先级,URL编码与解码,String,Math,arguments操作原理及使用技巧。
Js中的运算符优先级(优先级依次降低)
() !、-、++、– *、/、% +、- <、<=、<、>= ==、!=、===、!==、 && || ?: =、+=、-=、*=、/=、%=
URL编码和解码
encodeURIComponent()
decodeURIComponent()
encodeURI()
decodeURI()
escape()
unescape()
区别
字符串操作常用API
toString()转换成字符串
charAt(index)获取索引位置字符
charCodeAt(index)获取索引位置字符在Unicode字符集中的编码值
indexOf(index)从前向后获取索引字符串位置,找不到返回-1
lastIndexOf(index)从后向前获取索引字符串位置,找不到返回-1
concat连接字符,返回新组成的字符
slice(截取的位置,截取终点)特殊说明:①左闭右开②slice(2)截取从索引号为2的到最后③slice(-2)从右边开始往左边取2个
substr(截取的位置,截取的长度)特殊说明:①str.substr(1,2)表示从索引位置为1的地方取2个②str.substr(-1)从右边开始往左边取1个,存在兼容问题:ie6,7,8返回所有字符串,不建议使用负值
substring(更智能版的slice)特殊说明:①substring(5,2)会被自动转换成substring(2,5)②substring(-number)返回全部字符串
toUpperCase()转换为大写字母
toLowerCase()转换为小写字母
关于浮点数中的保留几位小数的问题
toFixed
var num1 = 5.6789; console.log(num1.toFixed(2)) // 5.68 注意四舍五入 var num2 = 1.234; console.log(num2.toFixed(2)) // 1.23
Math api
var max = Math.max(1,2,3,6,4,5); // max 最大值为 6 var max1 = Math.max(); // max1 为 -Infinity , 无参数的情况 var min = Math.min(1,2,6,5,9,3); // min 最小值位 1 var min1 = Math.min(); // min1 为 Infinity , 无参数的情况
注意参数:里面可以是字符串型的数字表示,但不能是undefined,null,NaN
一个简单的小递归程序
var num = 0; (function me() { if(num > 4) { return; } st = setTimeout(function() { clearTimeout(st); console.log(++ num); me(); },500); })();
关于arguments.callee
arguments.callee返回正被执行的Function对象,在使用函数递归调用时推荐使用arguments.callee代替函数名本身,不过在严格模式下不建议使用
上述递归调用可替换为:
var num = 0; (function () { if(num > 4) { return; } var callee = arguments.callee; st = setTimeout(function() { clearTimeout(st); console.log(++ num); callee(); }, 500); })();
以上就是关于千锋扣丁学堂HTML5培训之JS前端知识点整理总结(二)的全部内容,希望对大家的学习有所帮助,想要了解更多关于HTML5开发方面内容的小伙伴,请关注扣丁学堂HTML5培训官网、微信等平台,扣丁学堂IT职业在线学习教育有专业的HTML5讲师为您指导,此外扣丁学堂老师精心推出的HTML5视频教程定能让你快速掌握HTML5从入门到精通开发实战技能。扣丁学堂H5技术交流群:673883249。