笔记1

这篇博客详细介绍了JavaScript中的类型转换,包括toPrimitive方法、this的指向规则、new关键字的工作原理以及==运算符的行为。还深入探讨了parseInt函数、arguments对象、事件捕获和冒泡机制,帮助读者理解JS中的常见概念和陷阱。
摘要由CSDN通过智能技术生成

类型转换

在 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]] 函数,对于该函数来说,算法逻辑一般来说如下:

  1. 如果已经是原始类型了,那就不需要转换了
  2. 调用 x.valueOf(),如果转换为基础类型,就返回转换的值
  3. 调用 x.toString(),如果转换为基础类型,就返回转换的值
  4. 如果都没有返回原始类型,就会报错

有几个容易记错的类型转换

原来 转为 结果
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对象上直接定义属性的区别

  1. 全局变量不能通过delete删除,而window属性上定义的变量可以通过delete删除
var num1=123;
window.num2=456;
delete num1;
delete num2;
console.log(num1);  //123
console.log(num2);  //num2 is not defined
  1. var声明的变量在预编译的时候会变量提升,后者没有提升,所以直接在window定义属性,如果访问的时候还没定义就会报错而不是只显示undefined
console.log(num1); // undefined
var num1=123;
console.log(num2); //报错,程序终止
window.num2=456;
  1. 在函数中使用var定义的变量是局部变量。有时想要在外部也访问到函数里面的变量,就需要定义window对象属性。
function () {
   
	var num1 = 123;
	window.num2 = 456;
}
console.log(num1); //num1 is not defined
console.log(num2); //456

预编译

函数执行前,创建一个执行上下文对象AO,

  1. 创建AO对象
  2. 找到函数形参和变量声明,将形参名和变量名的作为Ao对象的属性名,值为undefined
  3. 形参实参统一值
  4. 找到函数中的函数定义,名为函数名,值为函数体

其他js代码执行前也会创建一个全局的执行上下文GO,步骤类似函数的AO,但是没有形参

  1. 创建GO对象
  2. 找到变量声明,将变量名的作为Ao对象的属性名,值为undefined
  3. 找到函数中的函数定义,名为函数名,值为函数体
//举个例子
console.log(a);
var a = 123;
function a()
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值