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

2019-07-01 15:06:57 490浏览

今天千锋扣丁学堂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。

                            

     【关注微信公众号获取更多学习资料】        【扫码进入HTML5前端开发VIP免费公开课】  

查看更多关于“HTML5开发技术资讯”的相关文章>>