码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript中的变量

时间:2018-12-10 18:14:13      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:def   div   转换   字母   str   规范   test   ror   javascrip   

本次的学习目标:

① 理解JS 中变量的概念;

② 理解JS 中的各种数据类型;

③ 了解各种数据类型的转换。

一、变量的概念

变量即变化的量,在JS中变量是松散类型的,可以用来保存任何数据类型,在定义变量时,用var操作符,后面跟变量名。

var name;  //变量未初始化,此时变量保存值为:undefined
var name = "张三";   //定义变量时直接初始化,此时的变量值为 张三
var i = 0 , sum;  //JS也可以同时声明多个变量,用逗号隔开

关于变量的一个小实例:

<scrip>
   var x = 5;
   var y = 6;
   var  z = x + y;
   document.write(x + ",");
   document.write(y +  ",");
   document.write(z +  ",");
<scrip>

//输出结果为:5, 6, 11

注:可以把变量当做一个储存数据的容器

二、变量的命名规范

① 变量必须以字母开头(也能以$和_开头,但是不推荐这么做

② 变量名称对大小写是敏感的(大写Y和小写y是不同的变量!)

注:JS语句和JS变量都对大小写敏感

三、变量的作用域

涉及到变量的作用域就有两个概念需要知道:① 局部变量; ② 全局变量。

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

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

全局变量作用域示例:

        <script>
            var globle;
            function test_globle_variable(){
                globle = "globle variable!";
                return globle;
            }
            test_globle_variable(); //调用测试全局变量的函数
            alert(globle);  //会弹出:globle variable!
        </script>

局部变量作用域示例:

        <script>
            function test_loca_variable(){
                alert(local);  //会弹出undefined,此时变量是存在的,但是未被定义,叫做声明提前
                var local = "local variable"; //局部变量
                return local; //浏览器控制台会报错Uncaught ReferenceError:local is not defined,因为local的变量值只在函数内部生效
            }
            test_loca_variable();
            alert(local);
        </script>

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

<script>
    var variable = "global";  //定义了一个全局变量
    function test_variable(){
        var variable = "local";  //定义了一个同名的局部变量
            return variable;
        }
        alert(test_variable()); //弹出local
        alert(variable);  //弹出global
</script>

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

第二个alert是返回变量variable,由于调用结束后,内部定义的变量将被销毁,所以第二个弹出的语句是返回全局变量,全局变量并未改变,所以是global。

 

 ","

JavaScript中的变量

标签:def   div   转换   字母   str   规范   test   ror   javascrip   

原文地址:https://www.cnblogs.com/free-whale/p/10096984.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!