千锋扣丁学堂HTML5培训之JS前端知识点整理总结(二)

今天千锋扣丁学堂HTML5培训老师给大家分享一篇关于JS前端知识点整理总结(二),介绍了JS前端知识点运算符优先级,URL编码与解码,String,Math,arguments操作,结合实例形式整理总结了javascript运算符优先级,URL编码与解码,String,Math,arguments操作原理及使用技巧。

千锋扣丁学堂HTML5培训之JS前端知识点整理总结(二)

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。

相关推荐