JS基础(1)|青训营笔记

105 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第1天,明天就要学习JS啦,先预习一下JS基础知识。

一、JS输入输出语句

  • 输入框:prompt(‘请输入’);
  • 弹出警示框:alert(‘计算结果是’);
  • 控制台输出:console.log(‘我是程序员看到的’);

二、变量

1.变量使用

  • 声明变量

var age;//声明一个名称为age的变量。 var是关键字,用来声明变量,age是变量名,通过变量名访问内存中分配的空间

  • 赋值

age = 10;//给age这个变量赋值为10

2.变量初始化

var age = 18;//声明变量同时赋值,文字的要带单引号

三、数据类型

1.简单数据类型

  • 数字型Number
  • 字符串型String
  • 布尔型Boolean
  • Undefind和Null

2.数据类型转换

  • 转换为字符串类型

利用“+”拼接字符串的方法console.log(num + '');

  • 字符型转换为数字型

利用parseInt()转换为整型、parseFloat()转换为浮点型

  • 转换为布尔型

利用Boolean()函数。代表空、否定的值会被转换为false,如‘’、0、NaN、null、undefined

其余值都会被转换为true

三、JS运算符

1.算术运算符

+、-、*、/、%

2.递增递减运算符

  • 递增:前置递增++num;后置递增num++

前置递增口诀:先变量自加1后表达式返回值;后置递增口诀:先表达式返回原值后变量自加1

  • 递减类似递增

3.比较运算符

两个数据进行比较时所用,比较后会返回一个布尔值

== 默认转换数据类型,可把字符型转换为数字型

=== 全等 要求两侧的值还有数据类型完全一致才可以

4.逻辑运算符

进行布尔值运算的运算符,返回值也是布尔值

逻辑与(&&):都真才真

逻辑或(||):都假才假

逻辑非(!):取反符

5.赋值运算符

=、+=、-=、*=、/=

四、JS流程分支

1.顺序流程控制

即一行一行代码从上到下执行

2.分支流程控制

  • if分支语句
  • if else语句
  • if else if 多分支语句
  • 三元表达式
  • swich分支语句

3.循环流程控制

  • for循环
  • 双层for循环:外层循环一次,里面循环执行全部
  • while循环:可以进行复杂条件判断
  • do while循环:跟while不同的地方在于 do while 先执行一次循环体,再判断条件,如果条件表达式结果为真,则继续执行循环体,否则退出循环
  • continue 关键字:用于跳出本次循环,继续下一次循环
  • break关键字:退出整个循环 今天先写到这吧!