2020-10-05

JavaScript新知识记录

数据类型转换

一元运算符 + Operator + 可用于将变量转换为数字：

实例 var y = “5”; // y 是一个字符串 var x = + y; // x 是一个数字

尝试一下 » 如果变量不能转换，它仍然会是一个数字，但值为 NaN (不是一个数字):

实例 var y = “John”; // y 是一个字符串 var x = + y; // x 是一个数字 (NaN)

字符串转日期

var str = "2019-12-25"; // 转换日期格式 str = str.replace(/-/g, '/'); // "2010/08/01"; // 创建日期对象 var date = new Date(str); 反之，日期类型转化为格式化的字符串： //完整的格式化 var time2 = new Date().format("yyyy-MM-dd hh:mm:ss"); Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 "S": this.getMilliseconds() //毫秒 }; //处理年份 var reYear = /(y+)/; var resultYear = reYear.exec(fmt); if (resultYear) { var yearformatPart = resultYear[0];//匹配到的格式化字符 var yearVal = (this.getFullYear() + "").substr(4 - yearformatPart.length); fmt = fmt.replace(yearformatPart, yearVal); } for (var k in o) { var re = new RegExp("(" + k + ")"); var re = re.exec(fmt); if (re) { var Val = "" + o[k];//本次需要替换的数据 var formatPart = re[0];//匹配到的格式化字符 var replaceVal = (formatPart.length == 1) ? (Val) : (("00" + Val).substr(Val.length)); fmt = fmt.replace(formatPart, replaceVal); } } return fmt; }

下表展示了使用不同的数值转换为数字(Number), 字符串(String), 布尔值(Boolean)

JavaScript 变量提升

JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。

JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。

“hoisting(变量提升)” 变量提升：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。

JavaScript 初始化不会提升 JavaScript 只有声明的变量会提升，初始化的不会。

JavaScript 严格模式(use strict)

为什么使用严格模式:

消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; 消除代码运行的一些不安全之处，保证代码运行的安全； 提高编译器效率，增加运行速度； 为未来新版本的Javascript做好铺垫。 "严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱它。

另一方面，同样的代码，在"严格模式"中，可能会有不一样的运行结果；一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行。掌握这些内容，有助于更细致深入地理解Javascript，让你变成一个更好的程序员。

“use strict” 指令只允许出现在脚本或函数的开头。

不允许使用未声明的变量： "use strict"; x = 3.14; // 报错 (x 未定义) 对象也是一个变量。 "use strict"; x = {p1:10, p2:20}; // 报错 (x 未定义) 不允许删除变量或对象。 "use strict"; var x = 3.14; delete x; // 报错 不允许删除函数。 "use strict"; function x(p1, p2) {}; delete x; // 报错 不允许变量重名: "use strict"; function x(p1, p1) {}; // 报错 不允许使用八进制: "use strict"; var x = 010; // 报错 不允许使用转义字符: "use strict"; var x = \010; // 报错 不允许对只读属性赋值: "use strict"; var obj = {}; Object.defineProperty(obj, "x", {value:0, writable:false}); obj.x = 3.14; // 报错 不允许对一个使用getter方法读取的属性进行赋值 "use strict"; var obj = {get x() {return 0} }; obj.x = 3.14; // 报错 不允许删除一个不允许删除的属性： "use strict"; delete Object.prototype; // 报错 变量名不能使用 "eval" 字符串: "use strict"; var eval = 3.14; // 报错 变量名不能使用 "arguments" 字符串: "use strict"; var arguments = 3.14; // 报错 不允许使用以下这种语句: "use strict"; with (Math){x = cos(2)}; // 报错 由于一些安全原因，在作用域 eval() 创建的变量不能被调用： "use strict"; eval ("var x = 2"); alert (x); // 报错 禁止this关键字指向全局对象。 function f(){ return !this; } // 返回false，因为"this"指向全局对象，"!this"就是false function f(){ "use strict"; return !this; } // 返回true，因为严格模式下，this的值为undefined，所以"!this"为true。 因此，使用构造函数时，如果忘了加new，this不再指向全局对象，而是报错。 function f(){ "use strict"; this.a = 1; }; f();// 报错，this未定义