初识JavaScript基础变量

目录

变量

变量基础

变量的扩展

数据类型

基本数据类型

Number

String

Boolean

 null及undefined

扫描二维码关注公众号，回复： 13303861 查看本文章

复杂的数据类型

数据类型检测的方式

---

<script>
    //prompt(info) 弹出输入框，用户可以输入  取过来的为String类型
   // console.log(msg) 浏览器控制台打印输出信息
    //alter(msg) 弹出警示框
</script>

变量

---

变量基础

变量：就是用来存储数据的 存储值 和 代表值

定义一个变量只需要var以下

基本语法：var 变量名 = 值;

// ;表示当前代码到这里就结束了
// ,:表示并列
var a = 10; //存储值
var b = 20;//存储值


// 代表值
console.log(a);//10
console.log(b);//20
console.log(a,b);

console.log(a+b);
console.log(a-b);

<script>
       //变量就是一个装东西的容器，通过变量名获取数据 数据可以修改
      //本质是程序在内存中申请的一块用来存放数据的空间
      //变量的使用
    1，声明变量  var age（变量名）;    //var为js中的关键字，variable的意思
    2，赋值 age = 10; =为赋值的意思
    //变量的初始化 var myname = '商盼景';
    //输出结果  
     console.log(age) //浏览器控制台打印输出信息
    alter(myname) //弹出警示框 
      var myname = '卡卡西';
        var add = '火影村';
        var age = 30;
        var emil = '[email protected]';
        var salary = 2000;
        alert('我的名字叫'+ myname+'\n'+'我的住址为'+ add+'\n'+'我的年纪是'+ age+'\n'+'我的邮箱'+ emil+'\n'+'我的工资'+ salary); 
//    var a1 = prompt('请输入姓名：');
//         alert(a1)
​
</script>

// 基本格式  分为两部分  声明  和 定义
// var 变量名 = 值;
// var 变量名;  声明
// 变量名 = 值; 定义 （赋值操作）

// 声明 + 定义
var a = 10;
console.log(a);

// 只声明不定义
var b;
console.log(b);//undefined   ->未定义，未初始化，未进行赋值

// 连续声明 + 定义
// var c = 100;
// var d = 200;
// var e = 300;
// var f  = 400;
var c = 100,d = 200,e = 300,f = 400;
console.log(c,d,e,f);

// 连续声明不定义
// var x;
// var y;
// var z;
var x,y,z;
console.log(x,y,z);

x = 100;
y = "哈哈";
z = "hello";
console.log(x,y,z);

// 没有这个变量
// console.log(w);//ReferenceError: w is not defined  引用错误

// 没有使用var去声明一个变量  不推荐使用  存在一定问题
// test1 = 100;
// test2= 200;
// console.log(test1,test2);

变量的扩展

<script>
    //变量的更新
    var a1 = prompt('请输入姓名：');
        var a1 = prompt('1');
        alert(a1); //存储最后一个值
        声明多个变量
        //var age = 18,add = '11', salary = 2000;
    声明的特殊情况
    1）只声明不赋值 结果为undefined
    2）不声明不赋值 结果报错
    3）不声明直接赋值使用 结果为可以的，不提倡
</script>

变量的命名规范

<script>
由字母(A-Za-z)、数字(O-9)、下划线(_)、美元符号($)组成，如: usrAge, num01,_name
严格区分大小写。var app;和var App;是两个变量
不能以数字开头。18age是错误的
- 不能使用关键字和保留字
  - 关键字：js中内置的名字
  - 保留字：未来有可能成为关键字的
例如:var、for、while
变量名必须有意义。MMD BBDnl→age
遵守驼峰命名法。
- 大驼峰：每个有意义单词的首字母都大写  StuName
- 小驼峰：第一个有意义的单词的首字母小写，其它有意义单词的首字母都大写  stuName首字母小写，后面单词的首字母需要大写。myFirstName
- 重复命名，后边覆盖前边的 
推荐翻译网站:有道爱词霸
</script>

数据类型

---

为了合理的划分存储大小，按数据的复杂度，将数据分为不同的类型，不同的数据类型也会实现不同的操作

JavaScript属于弱语言类型，当前数据类型是由值决定的 (强语言类型 java,php..)

基本数据类型

• Number:数字

• String:字符串

• Boolean:布尔

• null:空，没有

• undefined：未定义，未初始化，没有进行赋值

Number

数字类：在JavaScript中基本是参与数学运算

// 正数 负数  0
var num1 = 10;
var num2 = -10;
var num3 = 10.25;
console.log(typeof num1,typeof num2,typeof num3); //number number number

// 8进制  以0开头 基数没有超过8的
var num4 = 067;  
console.log(typeof num4,num4);//输出的时候自动转为了10进制  number 55

// 16进制  以0x开头  基数 0 1 2 3 4 5 6 7 8 9 a b c d e  f
var num5 = 0xab;
console.log(typeof num5,num5); //number 171

// NaN:Not a Number 不是一个数字  NaN一般是在运算不出结果的时候出现
console.log(typeof NaN);//number
console.log(10 / "哈哈");
console.log(10 * "哈哈");

// Infinity 无穷大
console.log(typeof Infinity);
console.log(10 / 0); //Infinity

//小数计算精度问题  （精度缺失）
//在JavaScript中，进行运算的时候底层都会转为二进制进行运算，并且符合IEEE 754双精度标准,0.1再去转为二进制的时候会形成一个无限循环，内置进行了处理，得到了一个约等于的值，0.2也是同理， 出现了精度缺失问题
console.log(0.1 + 0.2);
//=:赋值运算符 将等号右边的值赋值给等号左边  ==:等于
console.log(0.1 + 0.2 == 0.3); //false   假的，情况不成立 

String

字符串类，用单引或双引包起来的就是字符串

 //字符串转义字符
// 1、 \n 换行符
// 2、 \\ 斜杠\
// 3、 \' 单引号
// 4、\" 双引号
// 5、 \t tab缩进
// 6、\b 空格

var a = "达克拉dkasjdlkasjkldajl";

// 字符串的属性(属性都是点出来的)  length  表示当前字符串中字符的个数或字符串的长度   字符串.length;
console.log(a.length);


// 获取字符串中对应的某个字符
// 字符串.charAt(索引/下标);   编程语言中科学计数都是从0开始的
// 字符串的小标/索引：从0开始依次递增 0对应第一项 1对应第二项，依次类推，最后一项的索引是str.length -1;
console.log(a.charAt(0));
console.log(a.charAt(1));
console.log(a.charAt(2));
console.log(a.charAt(a.length - 1));
 //方法执行：从内向外
        //    console.log(typeof typeof typeof typeof typeof typeof typeof typeof typeof 100);//"string"
           console.log(typeof(typeof(typeof(100))));//String

Boolean

布尔：true (真)/ false（假），一般应用于判断中，表示当前情况是否成立

   // Boolean
        // 布尔：true (真)/ false（假），一般应用于判断中，表示当前情况是否成立  
        var bool1 = true;
        var bool2 = false;
        console.log(typeof bool1);//boolean 
        console.log(typeof bool2); //boolean
        console.log(typeof false); //boolean

        console.log(10 > 20);//false
        console.log(10 < 20);//true

 null及undefined

null及undefined 一般表示特殊的情况

null:空的，没有，表示访问一个不存在的对象

undefined：未定义，未初始化，没有进行赋值

     console.log(typeof null); //object
        console.log(typeof undefined); //undefined

        var a;
        console.log(a);



        // prompt("提示语句");  带有输入的用户提示框
        // 确定：返回值输入框的值，返回值是字符串String
        // 取消：返回值是null
        var res =  prompt("请输入内容");
        console.log(res,typeof res);

复杂的数据类型

复杂数据类型（引用数据类型）

• Object :对象

• Array:数组

• function:函数

数据类型检测的方式

• typeof 返回当前数据类型，返回值是一个字符串

  • typeof(数据);

  • typeof 数据;

  • var a = 10;
    var b = '10';
                   
    console.log(typeof(a)); //number
    console.log(typeof(b)); //string
    
    console.log(typeof a); //number
    console.log(typeof b);//string