黑马pink JavaScript笔记(3)-变量(自用)

1.变量概述

什么是变量呢?

变量就是一个用来存放数据的容器

简而言之,就是一个装东西的盒子

我们可以通过 变量名 获取数据,甚至数据可以修改。

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

就类似于我们酒店的房间,一个房间就可以看做是一个变量。

2.变量的使用

变量在使用时可以分为两步:第一步 声明变量第二步 赋值

(1)声明变量

var是JS 关键字,用来声明变量。

使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管

var age; // 声明一个 名称为age 的变量

(2)赋值

使用 = 将右边的值赋给左边的变量空间中

age = 10; // 给 age 这个变量赋值为 10

(3)变量初始化

声明一个变量并赋值, 我们称之为变量的初始化。

var age = 18;// 声明变量同时赋值为 18
	<script>
        // 变量的使用:
        // 1.声明变量  声明了一个age 的变量
        var age; //age 为变量名
        //2.赋值 把值存入这个变量中
        age = 20;
        // 3.在控制台输出结果
        console.log(age);
        // 4.变量的初始化 (常用)
        // 声明一个变量并赋值,称之为变量的初始化
        var onename = '血灵';//尽量不用name作为变量名,因为name在一些浏览器中是有关键字
        console.log(onename);

案例:

案例一:

有个叫卡卡西的人在旅店登记的时候前台让他填一张表,这张表里的内容要存到电脑上,表中的内容有:姓名、年龄、邮箱、家庭住址和工资,存储之后需要把这些信息显示出来,所显示的内容如下:

我叫旗木卡卡西,我住在火影村,我今年30岁了,我的邮箱是 [email protected],我的工资2000

<script>
	var userName = '旗木卡卡西';
    var age = 30;
    var email = '[email protected]';
    var address = '火影村';
    var money = 2000;
    console.log('我叫'+userName + ',我住在' + address + ',我今年' + age + '岁了,我的邮箱是 ' + email + ',我的工资' + money);
script>

案例二:

弹出一个输入框,提示用户输入姓名。

之后,弹出一个对话框,输出用户刚才输入的姓名。

<script>
	var userName = prompt('请输入您的姓名');
    alert(userName);
script>

3.变量的语法拓展

(1)更新变量

一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。

var age = 18;
age = 81; // 最后的结果就是81因为18 被覆盖掉了

(2)同时声明多个变量

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

var age = 10, name = 'zs', sex = 2;
var oneName = '白夜',
    address = '地球',
      		age = 500;

(3) 声明变量特殊情况

情况 说明 结果
var age ; console.log (age); 只声明 不赋值 undefined
console.log(age) 不声明 不赋值 直接使用 报错
age = 10; console.log (age); 不声明 只赋值 10
 		// 1只声明不赋值 输出undefined 因为程序也不知道里面存的是啥  未定义的
        var sex;
        console.log(sex);
        // 2不声明 不赋值 直接使用会报错
        // console.log(tel);  //需注释掉,否则下行无法执行,因为js是逐行解释,解释一句,执行一句....
        // 3不声明 直接赋值使用
        //不提倡如此使用
        qq = 123232;
        console.log(qq);

4.变量命名规范

  • 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成

    如:usrAge, num01, _name

  • 严格区分大小写

    var app; 和 var App; 是两个变量

  • 不能 以数字开头

    18age 是错误的

  • 不能 是关键字、保留字

    例如:var、for、while

  • 变量名必须有意义,做到 见其名,知其意

    MMD 、BBD、 nl → age

  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myFirstName

5.交换变量案例

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

		// js 是编程语言 有很强的逻辑性在里面:
        // 实现这个要求的思路 要先怎么做(写出大致表述)后怎么做(按大致表述写代码)
        // 1.需要一个临时变量 temp
        // 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);

6.标识符、关键字、保留字

(1)标识符

标识(zhi)符:就是指开发人员为变量、属性、函数、参数取的名字。

标识符不能是关键字或保留字。

(2)关键字

关键字:是指 JS本身已经使用了的字,不能再用它们充当变量名、方法名。

包括:break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。

(3)保留字

保留字:实际上就是预留的“关键字”,意思是现在虽然还不是关键字,但是未来可能会成为关键字,同样不能使用它们当变量名或方法名。

包括:boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile 等。

注意:如果将保留字用作变量名或函数名,那么除非将来的浏览器实现了该保留字,否则很可能收不到任何错误消息。当浏览器将其实现后,该单词将被看做关键字,如此将出现关键字错误。

你可能感兴趣的:(javascript,前端,开发语言)