js小知识：特点，运算符，结构语法，函数，字典

JS（JavaScript）可以用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。JS代码可以借助script标签放到head或者body标签中。

1 特点

1. JS是脚本语言
2. 基于对象，可以创建对象，也能使用现有的对象
3. 简单。采用弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑。
4. 动态性。采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
5. 跨平台性。不依赖于操作系统，仅需要浏览器的支持。

2 定义变量

1. 变量名=变量值（全局变量）

• 优点：可以减少变量的个数，减少由于实际参数和形式参数的数据传递带来的时间消耗。

• 缺点：
  （1）全局变量保存在静态存贮区，程序开始运行时为其分配内存，程序结束释放该内存。与局部变量的动态分配、动态释放相比，生存期比较长，因此过多的全局变量会占用较多的内存单元。

  （2）全局变量破坏了函数的封装性能。函数象一个黑匣子，一般是通过函数参数和返回值进行输入输出，函数内部实现相对独立。但函数中如果使用了全局变量，那么函数体内的语句就可以绕过函数参数和返回值进行存取，这种情况破坏了函数的独立性，使函数对全局变量产生依赖。同时，也降低了该函数的可移植性。

  （3）全局变量使函数的代码可读性降低。由于多个函数都可能使用全局变量，函数执行时全局变量的值可能随时发生变化，对于程序的查错和调试都非常不利。
  转载(侵权删)：javascript如何设置全局变量

num=1
console.log(num)
结果：1

2. var 变量名=值（函数中的局部变量）
   var定义的变量只能在定义它们的函数中使用。因为是在函数内部定义的，所以有相同名称的变量可用于不同的函数。

var age=10
console.log(age)
结果：10

3. let 变量名=值（{}中的局部变量）
   作用与var差不多，但let定义的变量是在块作用域。

let gender='男'
console.log(gender)
结果：男

4. const 变量名=值（常量）
   const定义的值不可以修改。

const stu='萧红'
console.log(stu)
结果：萧红

3 运算符

1. 数学运算符：+、-、*、/、%、**

console.log(1+1)  
console.log(2-1)	
console.log(5*2)
console.log(10/2)
console.log(10%2)
console.log(2**2)

2. 比较运算符：>、<、>=、<=、= = 、!=、===、!= =
   比较是将两边的元素转换成字符串以后再判断是否相等。

console.log(10>20)//false
console.log(5==3)
console.log('5'==5)
//===是直接判断两边数据是否相等
//!==是直接判断两边数据是否不相等

注意：js中的false和true的首字母都是小写的，在python中两者的首字母都是大写的。

3. 赋值运算符：=、+=、-+、*=、/=、**=、%=

num_1=3
num_2=6
num_1+=num_2
console.log(num_1)

4. 逻辑运算符：&&(逻辑与运算)、||(逻辑或运算)、!(逻辑非运算)

console.log(4 > 3 && 4 < 5)
console.log(4 > 3 && 4 > 5)
console.log(4 > 3 || 4 > 5)
console.log(!(4 > 3 || 4 > 5))

4 结构语法

1. 分支结构
   else可以省略不写。

• 语法1

if(条件语句){
	代码块
}else{
	代码块
}

• 语法2

if(条件){
	代码块
}else if(条件){
	代码块
}else if(条件){
	代码块
}

• 三目运算符

条件?结果1:结果2
条件成立结果1，反之，结果2

2. 循环

• for-in循环
  for-in循环取得是序列中每个元素的下标。

for（变量 in 序列）{
	代码块
}

• while

while（条件语句）{
	代码块
}

• 传统的for循环

for(表达式1;表达式2;表达式3){
	代码块
}

• 传统for循环改while循环

表达式1
while（表达式2）{
 	代码块
 	表达式3
 }

5 函数

将重复的代码封装起来，以便重复调用。

1. 降低代码的冗余度
2. 将执行某一功能的代码封装起来，更容易让人理解

1.定义函数
function 函数名(形参列表){
	函数体
}
2.调用函数
函数名(实参列表){
	
}

6 字典

1. 字典使用花括号{}表示容器。

{key:value}

其中key指说明,value指值。

• js中的key可以用引号引起来，也可以不使用引号；
• python中key如果是字符串，必须使用引号

2. 调用字典中的元素

• 方法一
  字典[key]——[]中的key必须加引号（python只能使用字典[key]）。
• 方法二
  字典.key——.key不需要加引号。

3. 字典没有长度