龙空技术网

JavaScript的变量介绍与使用案例

黑马金牌编程 76

前言:

现在看官们对“js函数变量”都比较讲究,我们都需要知道一些“js函数变量”的相关资讯。那么小编同时在网上收集了一些有关“js函数变量””的相关文章,希望看官们能喜欢,朋友们一起来学习一下吧!

变量

标识符命名规范

变量、函数的命名必须要有意义变量的名称一般用名词函数的名称一般用动词

1.变量在内存中的存储

本质:是程序在内存中申请的一块用来存放数据的空间

1.1.变量的使用

变量在使用分为两步:1.声明变量 2.赋值

代码案例:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script>        // 1.声明了一个age 的变量        var age;        //2.赋值    把值存入这个变量中        age = 18;        //3.输出结果        console.log(age);        //4.变量的初始化        var myname = 'pink老师';        console.log(myname);    </script></head><body>    </body></html>

1.2变量使用案例

案例代码:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script>        var myname = '旗木卡卡西';        var address = '火影村';        var age = 30;        var email = 'kakaxi@itcast.cn';        var gz = 2000;        //输出        console.log(myname);        console.log(address);        console.log(age);        console.log(email);        console.log(gz);    </script></head><body>    </body></html>

1.3.同时声明多个变量

同时声明多个变量时,只需要写一个var,多个变量名之间使用英文逗号隔开

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script>        //1.更新变量        var myname = 'pink老师';        console.log(myname);        myname = '迪丽热巴';        console.log(myname);        //2.声明多个变量        // var age = 18;        // var address = '火影村';        // var gz = 2000;        var age = 18,            address = '火影村',            gz = 2000;    </script></head><body>    </body></html>

1.4.声明变量特殊情况

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script>        //1.更新变量        var myname = 'pink老师';        console.log(myname);        myname = '迪丽热巴';        console.log(myname);        //2.声明多个变量        // var age = 18;        // var address = '火影村';        // var gz = 2000;        var age = 18,            address = '火影村',            gz = 2000;                //3. 声明变量的特殊情况        //3.1只声明不赋值   结果是?    程序也不知道里面存的是啥          //所以结果是undefined 未定义的        var sex;        console.log(sex);   //undefined        //3.2 不声明  不赋值  直接使用某个变量会报错的        // console.log(tel);        //3.3不声明直接赋值使用        qq = 110;        console.log(qq);    </script></head><body>    </body></html>

注意: 解释性的语言,如有错误便不会往下执行。

1.5变量命名规范

课堂案例:

要求:交换两个变量的值(实现思路:使用一个临时变量用来做中间存储)

<script>        //js  是编程语言有很强的逻辑性在里面:实现这个要求的思路  先怎么做后怎么做        // 1.我们需要一个临时变量帮我们        // 2.把apple1 给我们的临时变量temp        // 3.把apple2 里面的苹果给apple1        // 4.把临时变量里面的值 给apple2        var temp;   //声明了一个临时变量为空        var apple1 = '青苹果';        var apple2 = '红苹果';        temp = apple1;  //把右边给左边        apple1 = apple2;        apple2 = temp;        console.log(apple1);        console.log(apple2);    </script>

标签: #js函数变量 #css文件变量 #js中实例是什么意思 #js中的标识符命名规范有哪些类型的标签