Javascript-变量及语句

85 阅读3分钟

变量

  • 变量指的是程序中保存数据的一个容器
  • 变量是计算机内存中存储数据的标识符,根据变量名称可获取到内存中存储的数据
  • 语法: var变量名=值
  • 在 JavaScript 中创建一个变量,我们需要用到 let 关键字
  • var 关键字与 let 大体 相同,也用来声明变量,但稍微有些不同,也有点“老派”

⚠ 声明两次会触发 error, 所以一个变量应该只被声明一次。 对同一个变量进行重复声明会触发 error

image.png

变量命名规则:
  • 规则(必须遵守,否则为错)
  1. 变量名称必须仅包含字母,数字,符号 $ 和 _ 。

  2. 首字符必须非数字

  3. 严格区分大小写

  4. 不能是保留字 或者 关键字

    ps保留字:指在语言本身编译器中已经定义过的的单词,已经被赋予特定意义

  5. 不要出现空格 使用逗号

  • 规范(建议遵守,但不遵守不会报错)
  1. 如果命名包括多个单词,通常采用驼峰式命名法,除了第一个单词,其他的每个单词都以大写字母开头:myVeryLongName

  2. 变量名尽量有意义,最好不要首字母缩写

  3. 不要使用中文

定义好的变量不加双引号为变量,加双引号为普通字符

常量

声明一个常数(不变)变量,可以使用 const 而非 let,他们不可以被修改。

大写形式的常数

通过使用大写字母和下划线来命名这些常量

const COLOR_RED = "#F00";

const COLOR_GREEN = "#0F0";

const COLOR_BLUE = "#00F";

const COLOR_ORANGE = "#FF7F00";

// ……当我们需要选择一个颜色

let color = COLOR_ORANGE;

alert(color); // #FF7F00

大写命名的常量仅用作“硬编码(hard-coded)”值的别名

大写常量:

当值在执行之前或在被写入代码的时候,我们就知道值是什么时可大写,若是通过计算得到的就需要小写

数据类型
  1. Number
  • 数字类型:18
  • 浮点数:12.5
  • 十六进制,八进制,二进制
  • 2e3
  • NAN not a number
image.png

八进制(077): 计算为7*8+7=63 2. String 字符串类型要加""

var number = 10
var number = "20"
console.log(num1+num2)

输出结果为:1020

  1. Booleaan

    • true:1
    • false:0
  2. Undefined : 声明了但未赋值 undefined

  3. Null : (未来赋值为对象类型) Null

  4. Symbol

注:数字有颜色,字符串无色

判断数据类型:

image.png

image.png

注:结果一定是字符串 string类型

其他数据类型转换成数值

转数值

image.png

4 中 一般为-0/除以1/乘以1 要保持结果不变

转字符串

image.png

转布尔

image.png

运算符

image.png

image.png

image.png

image.png

image.png

image.png

image.png

且(&&): 有假即假,全真为真

或(||): 有真即真,全假为假

特殊:

  1. !!a表示转换成布尔值
  2. &&,||短路用法:与(&&)前面为真后面被短路不用判断

image.png

image.png

res为result的缩写

image.png

计算从左向右依次进行

image.png

if语句

image.png

if else语句

image.png

if else...if语句

image.png

或和与同时存在时,与优先级更高

switch条件分支结构

image.png

switch判断变量等于哪个值

注意:

  1. case后写文本数据,不要写比较运算符
  2. break必须写,不可省略
  3. 严格遵守===
循环结构

image.png

while循环

image.png 初始值n不一定要从0

步长:自身改变,一般放在while循环的最后

Do while循环

image.png

while必须符合条件才可执行,do while先执行一次在进行判断

for循环

image.png

判断完条件以后先执行代码在进行++

小案例: 展示所有的闰年

方法一:

image.png 方法二:将步长改为4

image.png

count:每四年进行一次换行

break终止循环

image.png

continue结束本次循环

image.png

九九乘法表案例

image.png

利用span标签进行长宽高的设置。