【前端三剑客三】Javascript快速入门

七

🍊一、 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 跳出循环；还可配合标签使用