Javascript快速入门

📗目录

一、JS的简介

二、javascript的核心

三、js的变量

1.变量的声明

2.JS中变量声明的注意事项

四、数据类型

1.基本数据类型：

2.引用数据类型：

Object、Array、Function

3.数据类型检测常用方法

五、输出语句

六、运算符

1、算术运算符：

2、逻辑运算符:

3、位运算符 ：

七、分支与循环

1.选择控制语句

2.循环控制语句

🍊一、 JS的简介

javascript脚本语言，是一种网页编程技术，经常用于创建动态交互网页
JavaScript是一种基于对象和事件驱动的解释性脚本语言，类似C语言和Java的语法

🍊二、javascript的核心

• ECMAScript (定义了其语法、类型、语句、关系等。)

• 文档对象DOM

• 浏览器对象模型BOM

🍊三、js的变量

1.变量的声明

定义变量使用关键字var,语法如下

var 变量名

var num=1;//使用var生命的变量属于局部变量


 



变量名可以任意取名，但要遵循命名规则:

1.  变量必须使用字母、下划线(_)或者美元符($)开始。
2.  然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
3.  不能使用JavaScript关键词与JavaScript保留字。
 2.JS中变量声明的注意事项
JS中声明变量的关键字只有var一个，变量的类型取决于所附的值。

如果声明时未赋值，则返回undefined类型（声明之后没有赋值的变量，不是未声明）。
JS中同一个变量，可以在多次赋值中，被修改数据类型。
变量可以使用var声明，也可以直接声明

var num=1;
num="hahahah ";

🍊四、数据类型

在JavaScript中大体存在2大类数据类型，基本数据类型与引用类型; **

1.基本数据类型：

1.  Undefined：使用var声明，但是没有赋值的变量。

2.  null:表示空的引用。

3.  Boolean：真假。

4.  Number：数值类型：包括整形和浮点型。

5.  Object：对象（函数数组统称为对象）。

6.  String：字符串

值类型是按值存储，数据存储在内存栈中 

2.引用数据类型：

Object、Array、Function

引用类型按引用存储的，存储的不是值，而是一个地址，数据存储在内存堆中 

3.数据类型检测常用方法 

typeof 主要用于原始类型的检测

typeof 'seymoe' // 'string' typeof true // 'boolean' typeof 10 // 'number' typeof Symbol() // 'symbol' typeof null // 'object' 无法判定是否为 null typeof undefined // 'undefined' typeof {} // 'object' typeof [] // 'object' typeof(() => {}) // 'function'

*   parseInt():**将字符串转为数值类型**

var num="123.9"; alert(parseInt(num));//123

##  🍊五、输出语句

alert():弹窗输出
prompt();弹窗输入，接收两部分参数。①输入提示内容②输入框的默认文本。（两部分都可以省略）
输入的内容默认都是字符串。
document.write();在浏览器屏幕上面打印。
console.log();浏览器控制台打印。

## 🍊六、运算符 

### 1、算术运算符：

+加、-减、*乘、/除、%求余

### 2、逻辑运算符:

等于( == )、 不等于( != ) 、 大于( > ) 、 小于( =) 、小于等于(<=)

与(&&) 、或(||) 、非(!) ； 恒等(===)、不恒等(!==)

### 3、位运算符 ：

~ 非运算符
& 与运算符
| 或运算符
^ 异或运算符 (相同为0不同为1)
<< 左移位运算符(换成2进制进行移位)
>> 右移位运算符

## 🍊七、分支与循环

### 1.选择控制语句

**1-1.if(...){...} else{...} if**

语句允许不使用else子句；允许进行嵌套

**1-2.switch-case：**

*   其中break中途退出，防止穿透。再循环中也可用于跳出整个循环。

*   default 相当于if语句中的else

###  2.循环控制语句

### 2-1.if...else

**语法****:**

if(条件)
{ 条件成立时执行的代码 } else { 条件不成立时执行的代码 }

**2-2.while (条件){ 语句1; ... }**
**2-3.do{语句1; ...}while(条件);**
break, continue 跳出循环；还可配合标签使用