JS第二章

男娘i 2022-06-10 23:50 244阅读 0赞

**2.1常规数据类型与变量**  
计算机程序就是去处理现实中各种数据  
![这里写图片描述][SouthEast]

1.![这里写图片描述][SouthEast 1]这里的月销量47 47是数值 number  
2.![这里写图片描述][SouthEast 2]这里的“卡通眼罩”是字符串 string

3.![这里写图片描述][SouthEast 3]  
这里的是否享有此优惠 是（true）否（false） 是布尔类型（boolean）

Alert() 警告提示框（打印）  
Typeof () 数据的类型

为什么要有数据类型？  
生活中是存在不同的数据类型的，计算机要解决生活问题，那么他就和生活的数据类型产生映射，所以有了数据类型 也就是与生活相照应 需要解决的问题翻译成计算机语言 也能解决 相当于一对一。

数值类型的表示方式：  
一进制：23 3 14  
八进制：023；（19）  
十六进制：0x23（35）  
科学计数法：3e^2（3x10^2），3.5e^-2（3.5x10^-2）

**2.2变量**  
为什么要有变量  
生活中的数据都会发生改变，所以JS中与其想对应的值也就有了变量和他一起改变  
Var variable的缩写变量的意思 声明一个变量  
变量名：name（使用英文单词 专业名词 见名思意）

var name = "小A";

命名的规则：  
1.关键字不能起（关键字查询之前博客 已转载说明）  
2.一般情况下只用英文开头 也可以是$和\_但是不建议使用且不能用数字开头，因为和8进制16进制会产生冲突

变量的值：  
变量的类型是由变量的值来决定的。  
系统会为不同的类型分配不同的大小来存储数据  
如果是布尔类型就分配一个字节的大小来存储  
如果是数字和字符串，name根据他的大小和长度来分配字节数来存储。  
JS是弱类型语言，所有的类型的变量都用var来声明  
JS是动态类型的语言，变量的类型会根据值的变化而变化，不会错。

**变量的本质：一个内存单元**

var num = 65; num = num - 5; alert(num);

通俗点说：  
这里有一个叫num的箱子，里面有一个65，拿出来与5进行运算，得出的结果再放回进这个num箱子  
![这里写图片描述][SouthEast 4]  
JS语言特点：  
更加高级，不严谨。  
变量不声明就可以用。

weight = 123; alert(weight);

变量可以不定义就可以使用

weight1 = "中等";
    weightl = 123;
    alert(weight1);

此处weight1与weightl神似，主要就是书写错误，两个结果都可以被打印，但是会被混淆  
![这里写图片描述][SouthEast 5]  
如果严谨输入的话 很明显会看出第二个错误  
![这里写图片描述][SouthEast 6]  
使用严谨的格式，就必须先定义变量才能使用变量。

**2.3对象类型**  
对象在JS当中对应的是object  
定义一个对象

var dog = {name:"AA",type:"哈士奇",color:"黑白",
    sex:"雄",age:3,marry:false};
    alert(dog.name);

狗：  
名字：“AA”  
品种：“哈士奇”  
颜色：“黑白”  
性别：“雄”  
年龄：“3”  
行为：走，跑，吃，睡觉  
是否婚配：否  
使用new Object()定义一个对象类型的变量

var dog = new Object();
        dog.name ="AA"
        dog.age = 3;
        dog.marry = false;
        alert(typeof (dog));
    alert(typeof (dog.age));
    alert(typeof (dog.name));
    alert(typeof (dog.marry));

为什么要有对象？  
生活处处在你的对立面的都是对象，所以映射出JS有这种对象类型

**2.3算术运算符与表达式**  
1.常见的运算符：+ - × ÷  
算术的运算符：+ - \* /  
取余：％ 得到两个数的余数（经常用来解决周期性问题）

var date = 2; 计算12天后是星期几
    var date = 12 % 7 + date
    alert(date);

2.关系运算符：＞，＞＝，＜，＜＝，＝＝（等于），！＝（不等于）  
3.逻辑运算符：&&与，||或，！非  
自增：+ + 自减：- -（简洁）  
Num++和++num的区别  
num++是先用后加

var num1 = 1;
    alert(num1++);
    //等价于
    alert(num1)
    num1 = num1 + 1;

![这里写图片描述][SouthEast 7]  
\++num是加后用

var num1 = 1;
    alert(++num1);
    //等价于
    num1 = num1 + 1;
    alert(num1)

![这里写图片描述][SouthEast 8]  
**2.4赋值运算符**  
var num = 1  
将一个数赋予给这个变量  
将一个数据存储到某个内存单元中  
复合赋值运算符

num = num + 3;
    num += 3;

两者相等  
**2.5关系运算符与表达式**  
＞，＞＝，＜，＜＝，＝＝（等于），！＝（不等于）  
在JS中判断两个数是否相等，用==来确定，与生活不符，为了避免计算机判断两个数相等是否出错，我们通常把常量放在前面，变量放在后面  
绝对相等  
变量的值和类型都相等，用===来表示  
绝对不相等  
变量的值和类型都不相等，用！==来表示  
![这里写图片描述][SouthEast 9]  
会显示 true！  
**2.6逻辑运算符与表达式**  
逻辑：&&与，||或，！非  
&&与：两者同时成立结果才成立 第一个关系是true 第二个关系也是true 那么结果才是true  
![这里写图片描述][SouthEast 10]  
结果  
![这里写图片描述][SouthEast 11]

![这里写图片描述][SouthEast 12]  
结果![这里写图片描述][SouthEast 13]  
||或：至少有一个成立那么结果成立  
就是一个关系为true那么结果为true  
![这里写图片描述][SouthEast 14]  
结果  
![这里写图片描述][SouthEast 15]

![这里写图片描述][SouthEast 16]  
结果  
![这里写图片描述][SouthEast 17]  
!非：结果为原身的对立面 无论结果如何都与其相反

var num = 10; alert(!(num > 10));

结果  
![这里写图片描述][SouthEast 18]

[SouthEast]: /images/20220611/9ab51cc9310c4223bc5fcc36e3ed118f.png
[SouthEast 1]: /images/20220611/3fbbf62713c04084add237dfe5bfcecb.png
[SouthEast 2]: /images/20220611/9b35ce34b29142b79d099450fb6ed17d.png
[SouthEast 3]: /images/20220611/4f293782b1e5423a953644b51d7d05dd.png
[SouthEast 4]: /images/20220611/d62f4690f48a43a89823189b10a96964.png
[SouthEast 5]: /images/20220611/a800a16dda6f4c148fa9fcbe73a4bada.png
[SouthEast 6]: /images/20220611/df23152a4f9647a59dfc00af818e0040.png
[SouthEast 7]: /images/20220611/e397aff6ddb54b08866b2452c7f142a0.png
[SouthEast 8]: /images/20220611/70eef6c96873488e97671f451f610c70.png
[SouthEast 9]: /images/20220611/6ba2d0b8bce4469aa2aa0af960969f8b.png
[SouthEast 10]: /images/20220611/7bf7b73a22184e3894ce73c2fa685b4b.png
[SouthEast 11]: /images/20220611/72da0fd035784b65ae188442813cf882.png
[SouthEast 12]: /images/20220611/764e61fae8224f1193f89c22a2589f5d.png
[SouthEast 13]: /images/20220611/bc885f3063b948d68cd39e97c4338c44.png
[SouthEast 14]: /images/20220611/8cd69fe94ed94f7db6aeaae831408a17.png
[SouthEast 15]: /images/20220611/a7c0620427924f91bc46509ddaacd1c0.png
[SouthEast 16]: /images/20220611/3291fa16e67543bfb3afb508a9d4dbda.png
[SouthEast 17]: /images/20220611/cee7b20a05b742beb996b728743111b7.png
[SouthEast 18]: /images/20220611/c69b620e4a47414da4d29faa42aab0ed.png