HTML .CSS JS语法

 一、 js语法

1、运行环境
JavaScript依赖于浏览器,即浏览器是JavaScript的运行环境。
2、

a、量(常量)

常量表示一些固定不变的数据,必须要有初始值,且值在程序的运行中不可以发生改变;
变量是用来缓存数据的,变量表示一些可以变化的数据,可以无初始值,且值在程序的运行中可以发生变化或者被再次赋值。

变量的声明:
1). 使用var来声明变量
2). 使用字母、数字、下划线、$来命名,不能使用数字开头,不要使用保留字
3). 严格区分大小写;
4). 命名一定要做到见名知意
5). 使用的变量必须声明,否则报错
6). 使用=给变量赋值
变量的命名规范:
   由字母、数字、下划线、$组成
   不能数字开头
    严格区分大小写
    不能是保留字、关键字

变量声明提升:将变量的声明提升至最前方(在声明前可以访问变量,值为undefined)

b、数据类型(弱、强)

 ·JS是弱类型语言:JS的变量数据类型是程序在运行过程中,根据等号右边的值来确定的
    ·JS是动态类型语言:相同的变量可用作不同的类型
    ·根据数据占用的空间大小的不同,来划分数据类型   

数值类型:包含整数和浮点数

布尔类型:只有true或false两个值

字符串类型:字符串变量必须使用引号括起来,引号可以是单引号,也可以是双引号

undefined类型:专门用来确定一个已经创建但是没有初值的变量

扫描二维码关注公众号,回复: 15534494 查看本文章

null类型:用于表达某个变量的值为空

c、命名规范

采用驼峰大小写格式,驼峰命名法由小(大)写字母开始,后续每个单词首字母都大写

d、关键字

in,delete,typeof,instanceof,debugger,with

3、运算符()

赋值运算符、算术运算符、逻辑运算符、位运算符

4、数据类型的转化

 /   ---隐式转换
 Number(变量) ---把其他类型完全转化为number类型
 parstFloat(变量) ---转换为带有小数的number类型
 parseInt(变量) ---转化为整数

 变量.toString() ---转化为字符串类型的数据
 String(变量) ---转化为字符串类型
 隐式转换 + ---字符串的拼接(两边都是字符串的时候,是拼接的效果,或者一边字符串一边数值的时候也是拼接 若是两边的都是数字(number类型)就相加)

 Boolean(变量) ---转化为布尔型
  注意点:在boolean转化中,只有NAN,undefined,0,null转化为false,其他的都是为true

5、程序流(运行规则、语法) :分支、循环、函数

分支结构
if(条件){ 执行语句 }
if(条件){ 执行语句 } else { 执行语句 }
就是当条件成立,就执行,否则就执行else
if(条件1) {条件1为true就执行这里的代码} else if(条件2) {条件1为false且条件2 为true的时候执行这里的代码} else {当条件1 和条件2都为false的时候执行这里的代码}
switch 是对某一个变量的判断

循环结构

1.while循环结构

while 中文叫 当····时, 其实就是当条件满足的时候执行代码,一旦不满足了就不执行代码

语法: while(条件){满足条件就执行}

因为满足条件就要执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就是一直执行下去(死循环)

2.do while循环结构

是一个 和 while循环类似的循环

while会先进行条件判断,满足就执行,不满足直接就不执行了

但是 do while循环是先执行一次,再进行条件判断

语法:do {要执行的代码} while(条件)

3.for 循环
组成:初始化条件,条件,表达式,
初始化:int i = 0;
条件: i < 100;
表达式: i++
for循环的执行顺序:先初始化条件,然后判断条件,执行循环体,再执行表达式(i++)
执行过上面一层后,从(i++) — 条件 – 循环体 (然后就是一直在这边循环) 直到条件不符合的时候,跳出循环

.....

6、DOM事件

DOM 、JS高级编程,DocumentObjectModel, 文档对象模型,用来操作页面的

7、面向对象(前端掌握)

什么是类和对象
1.类是具有相同的属性和方法的集合。

2.对象是类中具体一个实例。

类是一种抽象的,并不实际存在的,表示一种事物共有特征的描述。

对象是一种具体的,实际存在的,类中的某一个个体。

面向对象是以对象功能来划分问题,而不是步骤。

在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工。

面向对象编程具有灵活、代码可复用、容易维护和开发的优点,更适合多人合作的大型软件项目。

面向对象的特性:

封装性
继承性
多态性

面向对象的思维特点:

抽取(抽象)对象共用的属性和行为组织(封装)成—个类(模板)
对类进行实例化,获取类的对象

 

猜你喜欢

转载自blog.csdn.net/qq_67519129/article/details/125371748