作用域相关问题

事情是这样开始的:
准备回顾一下今天的笔试题=>splice和slice的整理=>mdn上slice转换类数组的案例=>call、apply、bind=> 在学习深拷贝与浅拷贝=>找到一篇文章讲了下基本类型文章=>发现我不懂得点

let string='123'
console.log(string[1])//2
string[1]=8
//赋值之后
console.log(aa=1)//1
console.log(string[1]=8)//8
console.log(string[1]==8)//false
console.log(string)//123

然后还没看完又发现

console.log(string[1]=8)//8
console.log(string[1])//2

在 JavaScript 中,字符串的值是不可变的,这意味着一旦字符串被创建就不能被改变出处
哦,就是字符串是基本数据类型,值不可变呗,但是当前赋值的话,就输出当前赋值,就是8,不是string[1],string[1]还是原值

然后我又扯到赋值去了

!(function(){
  var a = b = 3;
})();
// console.log(a)//error:a is not defined
console.log(b)//3

// console.log(window)//node中无
console.log(global.b)//3

console.log("a defined? " + (typeof a !== 'undefined'));
console.log("b defined? " + (typeof b !== 'undefined'));
//a defined? false
//b defined? true

console.log(global.hasOwnProperty('b'))//true
console.log(global.hasOwnProperty(b))//false
console.log(Object.prototype.hasOwnProperty.call(global,b))//false
console.log(Object.prototype.hasOwnProperty.call(global,'b'))//true

在这里涉及到var let const的作用域问题
简单来说就是var是函数级或是全局,会有变量提升,let和const是块级,const不能更改,是常量,但是对象的话,里面的变量是可以改的==>这里等一下去查一下对象属性和属性值得表示方法
关于let和const是否有变量提升问题,有两种说法

  1. let和const没有变量提升,所以有暂存死区,简单来说就是没有定义不能用
  2. let和const在源码中也有变量提升了,但是var的变量提升定义的是undefined,但是let和const的没有定义undefined,所以var的能打印输出什么的,但是let和const不能

然后在上面闭包里面var a=b=3
实际上是

 b=3 
 var a=b

所以a的作用域只在闭包函数里,外边就没有定义,为undefined
然后b没有给关键字,没有关键字的变量实际上是一个创建一个全局对象的属性

想到创建查看对象属性
有好几种方法

//in  该方法可以判断对象的自有属性和继承来的属性是否存在。
var o={x:1};
"x" in o;   //true,自有属性存在
"y" in o;   //false
"toString" in o;    //true,是一个继承属性
 
//使用对象的hasOwnProperty()方法
//该方法只能判断自有属性是否存在,对于继承属性会返回false。
//即使属性的值是 null 或 undefined,只要属性存在,hasOwnProperty 依旧会返回 true。
var o={x:1};
o.hasOwnProperty("x");  //true,自有属性中有x
o.hasOwnProperty("y");  //false,自有属性中不存在y
o.hasOwnProperty("toString");   //false,这是一个继承属性,但不是自有属性

//undefined
var o={x:1};
o.x!==undefined;    //true
o.y!==undefined;    //false
o.toString!==undefined  //true
//该方法存在一个问题,如果属性的值就是undefined的话,该方法不能返回想要的结果,如下:
var o={x:undefined};
o.x!==undefined;    //false,属性存在,但值是undefined

//条件语句
var o={};
if(o.x) o.x+=1; //如果x是undefine,null,false," ",0或NaN,它将保持不变

总结一下就是in能判断继承的和自己的,hasOwnProperty不能判断继承的,undefined就是存不存在,if就是看值有没有变化

然后我试了下,这里node的全局对象是global,浏览器的全局对象是window

!(function(){
  var a = b = 3;
})();
// console.log(a)//error:a is not defined
console.log(b)//3
// console.log(window)//node中无
console.log(global.b)//3
// console.log(global.hasOwnProperty(a))//ReferenceError: a is not defined
// console.log(global.hasOwnProperty('global'))
// console.log(global.hasOwnProperty('clearInterval'))
// console.log(global)
console.log(global.hasOwnProperty('b'))//true
console.log(global.hasOwnProperty(b))//false
console.log(Object.prototype.hasOwnProperty.call(global,b))//false
console.log(Object.prototype.hasOwnProperty.call(global,'b'))//true
console.log("a defined? " + (typeof a !== 'undefined'));
console.log("b defined? " + (typeof b !== 'undefined'));
console.log('-------')

上述代码注意闭包的分隔,要不然报错;!都行
用hasOwnProperty要加**’ '**,不能直接写
然后就是可以把global的this用call绑到object里面找,都一样的,写法不同而已

加不加关键字文章
* 在函数作用域内 加var定义的变量是局部变量,不加var定义的就成了 -全局变量- ,其实是全局对象的属性。
* 在全局作用域下,使用var定义的变量不可以delete,没有var 定义的变量可以delete.也就说明隐含全局变量严格来说不是真正的变量,而是全局对象的属性,因为属性可以通过delete删除,而变量不可以
* 使用var 定义变量还会提升变量声明
* 在ES5的’use strict’模式下,如果变量没有使用var定义,就会报错

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值