文章目录
类型转换
在 JS 中类型转换只有三种情况,分别是:
转换为布尔值
转换为数字
转换为字符串[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sHXMFeEC-1580918405577)(FE057E9E41E64900863D5880E25D1503)]
上面表格中Boolean,函数,Symbol转为字符串这一行有误
原来是 | toString的结果 | valueOf的结果 |
---|---|---|
false | ‘false’ | false |
true | ‘true’ | true |
let s2 = Symbol() | “Symbol()” | Symbol() |
var sum2 = new Function() | “function anonymous() {}” | anonymous() {}" |
function sum(a, b) { return a + b;} | “function sum(a, b) {return a + b;}” | sum(a, b) { return a + b;} |
注意函数调用valueOf的结果不仅不是字符串,还没有function
toPrimitive
对象在转换类型的时候,会调用内置的 [[ToPrimitive]] 函数,对于该函数来说,算法逻辑一般来说如下:
- 如果已经是原始类型了,那就不需要转换了
- 调用 x.valueOf(),如果转换为基础类型,就返回转换的值
- 调用 x.toString(),如果转换为基础类型,就返回转换的值
- 如果都没有返回原始类型,就会报错
有几个容易记错的类型转换
原来 | 转为 | 结果 |
---|---|---|
null | Number类型 | 0 |
undefined | Number类型 | NaN |
Symbol | Number | 不是NaN,是报错 |
var s = Symbol() | 字符串 | “Symbol()” |
var s= Symbol | 字符串 | function Symbol() { [native code] } |
注意Symbol后面有没有括号
有一个特殊的是Date类型,Date利用的是toString转换。
Date.prototype.valueOf()作用和getTime()一样,返回一个以数值格式表示的Date对象的值,从1970年1月1日(UTC,即协调世界时)到该日期的毫秒数
var定义全局变量与在window对象上直接定义属性的区别
- 全局变量不能通过delete删除,而window属性上定义的变量可以通过delete删除
var num1=123;
window.num2=456;
delete num1;
delete num2;
console.log(num1); //123
console.log(num2); //num2 is not defined
- var声明的变量在预编译的时候会变量提升,后者没有提升,所以直接在window定义属性,如果访问的时候还没定义就会报错而不是只显示undefined
console.log(num1); // undefined
var num1=123;
console.log(num2); //报错,程序终止
window.num2=456;
- 在函数中使用var定义的变量是局部变量。有时想要在外部也访问到函数里面的变量,就需要定义window对象属性。
function () {
var num1 = 123;
window.num2 = 456;
}
console.log(num1); //num1 is not defined
console.log(num2); //456
预编译
函数执行前,创建一个执行上下文对象AO,
- 创建AO对象
- 找到函数形参和变量声明,将形参名和变量名的作为Ao对象的属性名,值为undefined
- 形参实参统一值
- 找到函数中的函数定义,名为函数名,值为函数体
其他js代码执行前也会创建一个全局的执行上下文GO,步骤类似函数的AO,但是没有形参
- 创建GO对象
- 找到变量声明,将变量名的作为Ao对象的属性名,值为undefined
- 找到函数中的函数定义,名为函数名,值为函数体
//举个例子
console.log(a);
var a = 123;
function a()