实习的Day12（JavaScript基础）上_4 >= 6 || '人' != '阿凡达' && !(12 * 2 ==-CSDN博客

本文链接：https://blog.csdn.net/zzw321123/article/details/102608457

实习的Day12（JavaScript基础）上

JavaScript初步学习

CSS：行内样式、嵌入样式、外部样式

**JavaScript的书写位置 **

写在行内

<input type="button" value="按钮" onclick="alert('Hello World')" />

写在script标签中

<head>
  <script>
    alert('Hello World!');
  </script>
</head>

写在外部js文件中，在页面引入

<script src="main.js"></script>

注意点

引用外部js文件的script标签中不可以写JavaScript代码

变量

什么是变量

什么是变量

变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
为什么要使用变量

使用变量可以方便的获取或·者修改内存中的数据

如何使用变量

var声明变量

var age;

变量的赋值

var age;
age = 18;

同时声明多个变量

var age, name, sex;
age = 10;
name = 'zs';

同时声明多个变量并赋值

var age = 10, name = 'zs';

变量在内存中的存储

var age = 18;

变量的命名规则和规范

规则-必须遵守的，不遵守会报错
- 由字母，数字，下划线，$符号组成，不能以数字开头
- 不能是关键字和保留字
- 区分大小写
规范：不遵守不报错
- 变量名一定要有意义
- 驼峰命名法，userName，首字母小写，后面单词的首字母大写

下面哪些变量名不合法

a	        对
1           错
age18       对
18age       错
name        对
$name       对
_sex        对
&sex        错
theworld    错
theWorld    对

案例

交换两个变量的值
不使用临时变量，交换两个数值变量的值

数据类型

简单数据类型

Number、String、Boolean、Undefined、Null

Number类

数值字面量：数值的固定值的表示法

110 1024 60.5

进制

十进制默认
十六进制
	var num = 0xA;
八进制
	07 
	012
	2*1 + 1*8
	112
	2*1 + 1*10 + 1*10*10
注意，字面值超过范围，前导值会被忽略，后面的值会当作十进制解析

浮点数

浮点数的精度问题

最高精度时17位小数
不要判断两个浮点数是否相等

数值范围

最小值：Number.MIN_VALUE，这个值为： 5e-324
最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
无穷大：Infinity
无穷小：-Infinity

数值判断

NaN not a number ,不是数字的number型

NaN与任何都不相等

String类型

‘abc’ “abc”

字符串字面量

‘今天天气真好’
转义符
字符串长度

length属性用来获取字符串的长度
字符串拼接

字符串拼接使用 + 连接

1.两边只要有一个=是字符串，+就实现拼接功能

2.都是数字，就是算数功能

Boolean类型

Boolean字面量： true和false，区分大小写
计算机内部存储：true为1，false为0

Undefined和Null

undefined表示一个声明了没有赋值的变量，变量只声明的时候值默认是undefined
null表示一个空，变量的值如果想为null，必须手动设置

获取变量的类型

typeof

注释

单行注释

用来描述下面一个或多行代码的作用

// 这是一个变量
var name = 'him';

多行注释

用来注释多条代码

/*
var age = 18;
var name = 'zs';
console.log(name, age);
*/

数据类型转换

转换成字符串类型

toString()
String()

存在的意义是，有的属性没有toString方法，这个使用String（）
拼接字符串方式

num + “”，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串

转换成数值类型

Number()
parseInt()
parseFloat()
+，-0等运算

转换成布尔类型

Boolean()

操作符

运算符 operator

5 + 6

表达式组成操作数和操作符，会有一个结果

算术运算符

+ - * / %

一元运算符

一元运算符：只有一个操作数的运算符

前置++

var num1 = 5;
++ num1; 

var num2 = 6;
console.log(num1 + ++ num2);

后置++

var num1 = 5;
num1 ++;    
var num2 = 6 
console.log(num1 + num2 ++);

猜猜看

var a = 1; var b = ++a + ++a; console.log(b);    
	b = 2 + 3= 5
var a = 1; var b = a++ + ++a; console.log(b);   
	b = 1 + 3 = 4
var a = 1; var b = a++ + a++; console.log(b);
  b = 1 + 2 =3
var a = 1; var b = ++a + a++; console.log(b); 
    b = 2 +2 =4

逻辑运算符(布尔运算符)

&& 与 两个操作数同时为true，结果为true，否则都是false
|| 或 两个操作数有一个为true，结果为true，否则为false
!  非  取反

关系运算符(比较运算符)

<  >  >=  <= == != === !==

==与===的区别：==只进行值的比较，===类型和值同时相等，则相等

var result = '55' == 55;  	// true
var result = '55' === 55; 	// false 值相等，类型不相等
var result = 55 === 55; 	// true

赋值运算符

= += -= *= /= %=

例如：
var num = 0;
num += 5;	//相当于  num = num + 5;

运算符的优先级

优先级从高到低
	1.()
	2.一元运算符 ++ -- !
	3.算数运算符  先* /  %后 + -
	4.关系运算符 > < >=...
	5.相等运算符    ==  !== === !=
	6.逻辑运算符     先&&   再||
	7.赋值运算符

// 练习1：
4 >= 6 || '人' != '阿凡达' && !(12 * 2 == 144) && true
			true
// 练习2：
var num = 10;
5 == num / 2 && (2 + 2 * num).toString() === '22'
       true                     true