JavaScript基础——输入输出、数据类型、运算符、变量

开始学习前端Web也有好久了，终于要开始JS的学习了，虽然说前期的CSS和HTML没有完全深度掌握吧，但也有一定的基础和广度的呀，也会跟进一直学习的啊。更重要的学习方式是对比学习，很多用CSS实现的效果，JS依然可以做出来，所以可以对比着学习。

Javascript是一个脚本语言，JavaScript的基础包括ECMA（语法）、DOM（文档对象）、BOM（浏览器对象）三个部分。

今天就看了一些输出输入的语句、数据类型、运算符以及还有有关变量的一些内容。

 

输出输入语句

prompt（）：浏览器弹出输入框 

                    输入框输入的内容默认为：字符串型

alter（’显示的内容‘）：浏览器弹出警示框

console.log（变量名）：浏览器控制台打印输出信息

                     字颜色为黑色：字符串类型

                     字颜色为蓝色：数字类型

                     字颜色比蓝色深一点：布尔值类型

                      字颜色为灰色：未定义、NaN

变量（var申明变量）

为什们需要变量？

变量是什么？

变量的本质是什么？

变量是怎么使用的？

什么是变量的初始化？

变量的命名规范？

交换两个变量的思想？

a. 变量实际上是存放数据的一个容器，我们需要使用数据，所以需要变量。

b. 变量的本质：是程序在内存中申请的一块存放数据的空间。

c. 使用变量：首先要声明变量（var  变量名）、其次要给变量赋初始值（变量名 = 值）。

d. 变量的初始化就是给变量一个初始值。

e.命名规范与Java中的命名规则几乎一样

      由字母、数字和_组成；

      开头只能使用_或字母；

      不能使用关键字、保留字；

      驼峰法命名（见名知意）：例如：myName

f. 交换两个变量：需要一个临时变量（容器来做辅助）

  与C和Java中实现的一样。

    temp = num1；

   num1 = num2；

   mun2 = temp；

数据类型

JS中的数据类型：数字型、布尔值型、字符串型、未定义型、Null

数字型：Number  整型和浮点都属于数字型

布尔值型：Boolean  true（1）和false（0）

字符串型：String  字符型需要使用‘’或者“”

字符串的拼接：使用   +  连接，任何数据类型与字符串型进行拼接——最后都是字符串型。

未定义型：undefined   （声明变量但未赋值属于未定义型）

当未定义型的数据和数字型数据进行拼接时，数据类型为NaN（Not a Number）

非数字型：NaN  

数据类型的转换

转换为字符串：

a. toString（）方法    变量直接调用toString（）方法。（打.调用   变量.toSting()）

b. String()强制转换    String（变量）

c. 使用  +   字符串连接   使用最多(隐式转换法)

转换为数字型：

a.  parseInt（string）函数      转换为整数

b.  parseFloat（string）函数    转换为小数

c.  Number() 强制转换

d.  使用 + - * /  （隐式转换）  

var str=“18”；

var age1 = 2 + str；

输出结果：20

空值：null

获取变量的数据类型：typeof 变量名

运算符

运算符： +  -  *  /

运算符这里主要是牵扯到变量自增这一知识点，也是比较容易混的一点

表达式：由变量和运算符组成的。表达式都有返回值。

var  a = 1；

var b = a++  +  ++a

前置自增： ++a  与 a = a + 1（这就是表达式）效果一样

——原理：先自身加1，在返回值

后置自增：a ++ 与 a = a + 1效果一样

——原理：表达式先返回原值，再自身加1

b = 1 + 3 = 4；

解析：可以把这个过程分为两块

      a++：后置自增，表达式先返回原值即a=1，此时a++ = 1，然后a才自身加1即a=2

      ++a：前置自增，表达式先自身加1，由上一步可知此时a=2，自身加1即 a=3 ，返回原值++a=39

运算符就暂时看到这里，等下次接着补充哈。

 

 

啦啦啦啦啦啦