javascript声明对象时 带var和不带var的区别

Javascript声明变量时

var aaa = 111;


aaa = 111;

两种方式一样吗?

废话少说,先上代码.

var aaa = 11;

function test4(){
    var aaa = 22;
}

test4();

console.log(aaa);
结果是什么呢?

11
这个好理解, 函数内的var aaa声明是内部变量,这时结果是第一个aaa的值.

变动一下如下:

var abc = 11;

function test4(){
    abc = 22;
}

test4();

console.log(abc);
结果是什么呢?

22
再改:

function test4(){
    var aaa = 22;
}

test4();

console.log(aaa);
结果怎样? 运行报错了! ReferenceError: aaa is not defined!

改:

function test4(){
    var aaa = 22;
}

test4();

console.log(test4.aaa);
运行不会报错,输出结果是 undefined.

结论1: 函数或者对象构造内声明的变量是私有的. 外部无法访问到. 包括原型继承后的对象. 见前一篇文章.

可是如果这样:

function test4(){
    bbb = 33;
}

test4();

console.log(bbb);
结果是

33
点解?

这就是有var 和没有 var的声明的区别.

结论2: 不加var 在函数或者构造内就是赋值, 从函数内往上一层层寻找变量bbb,一直到顶层没有. 就在顶层声明一个 var bbb;

很可怕假如一个大的项目,在这里改变了bbb的值, 并没有添加var 碰巧整个项目全局变量有个同名bbb被改变,不加var不是只作用在这个函数或对象内. 出了错误很难找.

所以书写代码必须谨慎. 声明变量改加的就加不能怕麻烦. 结果是完全不同的.

来自cnblogs
全部评论

相关推荐

暴杀流调参工作者:春招又试了一些岗位,现在投递很有意思,不仅要精心准备简历,投递官网还得把自己写的东西一条一条复制上去,阿里更是各个bu都有自己的官网,重复操作无数次,投完简历卡完学历了,又该写性格测评、能力测评,写完了又要写专业笔试,最近还有些公司搞了AI辅助编程笔试,有些还有AI面试,对着机器人话也听不明白录屏硬说,终于到了人工面试又要一二三四面,小组成员面主管面部门主管面hr面,次次都没出错机会,稍有不慎就是挂。 卡学历卡项目卡论文卡实习什么都卡,没有不卡的😂
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务