【前端三剑客三】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 跳出循环；还可配合标签使用