javascript中变量的概念和各种数据的类型

**局部变量:**是在函数内部声明的变量,在函数内部任何地方都是有定义,在函数退出后,会被销毁;

**全局变量:**拥有全局作用域,在js代码中的任何地方都有定义。

全局变量作用域测试:

1

2

3

4

5

6

7

8

var global;

function test_global_variable(){

    global = "global variable!";

    return global;

}

 

test_global_variable();

alert(global); //弹出global variable!

局部变量作用域测试:

1

2

3

4

5

6

7

8

9

function test_local_variable(){

    alert(local); //弹出undefined。此时变量时存在的,但未被定义。

                  //这种特性被称为“声明提前”。

    var local = "local variable!"; //局部变量

    return local;

}

 

test_local_variable();

alert(local); //报错:ReferenceError: local is not defined

在函数中,局部变量的优先级高于全局变量,即假如有同名的局部变量和全局变量,那么局部变量会覆盖全局变量。

1

2

3

4

5

6

7

var variable = "global"; //定义了一个全局变量

function test_variable(){

    var variable="local"; //定义了一个同名的全局变量

    return variable;

}

alert(test_variable()); //弹出:local

alert(variable); //弹出:global

第一个alert是返回函数调用的返回值,即函数内部定义的变量variable,此时它替代了全局作用域中定义的variable的值,显示为“local”;

第二个alert是返回变量variable。由于调用结束后,其内部定义的变量将被销毁,所以第二个弹出语句是返回全局变量。全局变量并未被改变,所以显示为“global”。新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

执行环境及作用域链

执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数也随之销毁(全局执行环境直到关闭页面时才会销毁)。全局执行环境是最外围的执行环境,在Web浏览器中,全局执行环境被认为是window对象。

每一段js代码(全局代码或函数)都有一个与之关联的作用域链。这个作用域链是一个对象列表,定义了这段代码“作用域中”的变量。

当js需要查找变量x的值时,它会从链中第一个对象开始查找,如果这个对象有名为x的属性,则会直接使用这个属性的值,如果没有,js会继续查找下一个对象,以此类推。如果整个作用域链上没有任何一个对象含有x,那么称这段代码的作用域链上不存在x,并抛出异常。

1

2

3

4

5

6

7

8

9

10

11

function test_chain(){

    var x = 1;

    function f(){

        var y = 3;

        var sum = 0;

        sum = y + x;

        return sum;

    }

    return f();

}

alert(test_chain()); //弹出4

针对这个例子,来讲讲刚才提到的作用域链。

首先,要引用变量x的地方是函数f,所以,js会先在函数f中寻找变量x,很显然,函数f中,并没有定义变量x,这时,js便会向上查找(这里是指包含函数f的函数test_chain),在test_chain中有定义x的值,最终js变引用test_chain中定义的变量x的值1。取到x的值,再与y(3)相加,便得到sum的值:4。

通过这个例子可以很明白的看出,js就是这样一层层向外查找变量,直到最外层。

数据类型概念

javascript中的类型可以分为简单数据类型(基本数据类型)和复杂数据类型(引用类型)。与基本数据类型不同的是,引用类型的值是按引用访问的。

基本数据类型:undefined,null,boolean,number,string

引用类型:object

判断数据类型

typeof是专门用于判断数据类型的操作符,它返回一个字符串来表示操作数的数据类型。

1

2

typeof x;

typeof(x);

typeof操作后有如下返回值:

  • “undefined”——该值未定义;

  • “boolean”——该值是布尔值;

  • “string”——该值是字符串;

  • “number”——该值是数值;

  • “object”——该值是对象或者null;

  • “function”——该值是函数。

1

2

3

4

5

6

var message = 'hello',

number = 123,

isTrue = true;

alert(typeof message); //string

alert(typeof number); //number

alert(typeof isTrue); //boolean

基本数据类型和对象类型的区别

1. 基本类型是不可改变的,对象是可修改的。

这里的基本类型不可改变对数字和布尔值来说很好理解。对于字符串而言,每次改变,其实都是创建了一个新的字符串去替代原先的值。

1

2

3

var s = "hello!";

alert(s.toUpperCase()); //HELLO!

alert(s); //hello!

这里,对字符串s进行操作,并为改变字符串s,它的值仍是小写的hello。

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
!**

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 25
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值