JavaScript基础①-概述及语法基础
JavaScript的组成
- 核心(ECMAScript):由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。
- 文档对象模型(Document Object Model,简称DOM):是W3C组织推荐的处理可扩展置标语言的标准编程接口。描述了访问网页元素的方法和接口。
- 浏览器对象模型(Browser Object Model,简称BOM):描述了与浏览器进行交互的方法和接口。
- 基本语法:
注意行尾加分号;
换行书写;
单行注释:// 或者 多行注释/**/
- 补充:页面输出语句;
alert("Hello Word"); //系统弹窗
console.log(); //输出在控制台
document.write(); //打印在页面
- 基本语法:
JavaScript的常用运算符:
算术运算符:
+
-
*
/
%
++
--
🐔 i++ 与 ++i 的区别:- 如果单独在一行,都自增1;
- 当与其他运算符或者输出语句一起使用时:
- i++:先赋值使用,再运算;(
++在后,先用后加
) - ++i:先运算,再赋值使用;(
++在前,先加后用
)
- i++:先赋值使用,再运算;(
比较运算符:
>
>=
<
<=
==
!=
,返回结果:真或假(true/false)
逻辑运算符:
&&
||
!
(与
、或
、非
)- &&:
两边为真,才为真
。其中一个为假,即为假
。 - ||:
其中一个为真,即为真
。 - !:
真假互换
。
- &&:
条件运算符:(表达式1 ? 表达式2 : 表达式3)
- 判断“表达式1”的结果是否为真,
- 如果为真则执行“表达式2”,否则执行“表达式3”。
条件分支语句:if、switch
- if语句:
1 | 语法: |
- if…else语句:
1 | 语法: |
- 多分支if语句(if…else if 语句):
1 | 语法: |
- switch语句:
1 | switch(表达式) |
循环语句:
- while
- do…while
- for
- for in
- break和continue的使用
- while循环:
1 | while(条件表达式){ |
执行流程:判断条件表达式是否为真,如果为真,就执行后面的循环语句。然后再次判断,直到条件为假时,跳出while循环。
- do…while循环:
1 | do{ |
执行流程:先执行语句,再判断条件,如果为真就继续执行循环语句。否则跳出循环。
while与do-while的区别:
while先判断再执行,
do-while先执行后判断(至少执行一次)。
- for循环:
1 | for(初始表达式1; 条件表达式2; 迭代表达式3 ){ |
for in (对象篇详解)
break:跳出循环
continue: 跳过该次循环,执行后面的循环
关键词与变量命名
- ECMAScript 关键字的完整列表:
break | else | new | var |
case | finally | return | void |
catch | for | switch | while |
continue | function | this | with |
default | if | throw | let |
delete | in | try | do |
instanceof | typeof |
定义变量
变量variable(临时存储的容器)
//变量:临时存储信息的容器,可以复用var name; //变量的声明,并起名叫 name
name = “tt”; //为变量赋值,
=
等号:是把右侧的值,赋值
给左侧的变量名;变量名大小写敏感
- var Name=“小花”;
- var name=“小毛”;
命名规范:
必须以字母、数字、下划线或$组成。
开头不能是数字。
不能是JavaScript的关键字。
注意:由于JavaScript是弱类型语言,所以在定义变量时,可以省略var,但是不建议使用。
JavaScript中的两种数据类型
原始类型:(查看数据类型,使用: typeof )
- boolean
- number
- string
- undefined:变量只定义不赋值,就是undefined
- null:表示一个空对象,“什么都没有”的意思,用来表示无值,就像一个占位符
对象类型(object)
对象的定义为:“无序属性的集合,其属性可以包含基本值、对象、或者函数”。
js中内置了如下的对象:
对象 说明 Object 是所有JS对象的超类(基类),JS中的所有对象都是继承自Object对象 Array 数组对象–定义数组属性和方法 Number 数字对象 Boolean 布尔对象–布尔值相关 Error 错误对象–处理程序错误 Function 函数对象–定义函数属性和方法 Math 数学对象 Date 日期对象 RegExp 对象正则表达式对象–定义文本匹配与筛选规则 String 字符串对象–定义字符串属性和方法
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Hoo's Blog!
评论