1.js基本语法特点
(1)、js严格区分大小写
(2)、每一行代码应该以分号结尾,但是可以省略
(3)、js代码的执行顺序,从上往下依次执行
2.js的引入方式
js引入到网页的三种方式:
(1)、行内式 通过 on+事件名 的形式书写js代码(不推荐)
<button οnclick="alert(123)">按钮</button>-->
(2)、内部引入式 (通过html中script标签)
<script>
console.log(123)
</script>
(3)、外部js文件的引入
<script src="demo.js"></script>
注意:使用外部js文件引入,需要通过src属性去指定js文件的路径(因为src属性它具备阻塞页面的能力,它会将src所指引的文件全部下载完毕后,才会执行后面的内容,所以,通常会将外部js文件的引入标签放到body的末尾);且在该方式中,不能在script的内容区写额外的js代码,写上了也是无效的!不会执行。
3.注释语句
单行注释:只注释一行的代码 语法 // 快捷键:ctrl+/
多行注释:可以同时注释多行 语法 /**/ 快捷键:Alt+Shift+a
4.输出语句
在js中可以通过输出语句,查看对应的数据和结果,输出语句也可以作为调试程序一种手段
JavaScript中有三种输出型语句:
(1)、页面输出 :该方式所输出的内容,用户可见,会影响页面整体内容! (不推荐)
document.write('hello world!')
(2)、弹窗输出:该方式输出的内容用户也是可见的,并且该方式具备一定的交互能力,但该方式会阻塞后面js代码的执行(不推荐)
alert('hello world!')
(3)、控制台输出:使用浏览器的控制台工具,输出数据用户不可见,也不会阻塞代码,但该方式没有与用户的交互(推荐使用)
console.log('hello world!') //log 没有任何的语义 普通信息
console.info('输出一条信息')
console.warn('警告信息')
console.error('错误信息')
5.数据类型
四基两空一对象 , bigInt
四基:number(数值类型)、string (字符串类型)、bool(布尔类型)、symbol(符号类型)
两空: Null (空对象,空引用) Undefined (未定义的空值)
一对象: Object (对象类型,复杂数据,引用数据类型)
在JavaScript中除开基本数据类型以外,“万物皆对象”
6.变量
变量:变量是存储数据的容器,通过这个容器我们将程序中所用到的数据进行保存!
变量的声明和创建的语法: var 变量名
7.标识符的命名规则
(1)、标识符只能由数字、字母、下划线、$组成
(2)、不能以数字进行开头
(3)、不能使用关键字或者保留字作为标识符的名字
关键字:if else for return ...
保留字:目前某些单词并没有实际的含义,未来可能会被赋予其含义的单词
(4)标识符的命名严格区分大小写
(5)标识符的命名应该遵循'见名知义'
(6)如果标识符由多个单词组成应采用 驼峰命名法 abcAbcBcc
比如 blackGroundColor
- 硬性规则:1、2、3、4
- 软性规则:5、6
8.数据类型之间的相互转换
(1) 将其他数据类型转换为 Number,有三个方法可以实现
Number(); paserInt(); paserFloat();
(2)将其他数据类型转换为 字符串类型 string类型
toString(); toString(); +
(3)将其他类型转换为布尔类型 Boolean()
9.运算符
(1)算术运算符:+ - * / % (模、取余) **(幂运算)
(2)一元运算符:+ - typeof new delete ! ++ --
(3)自增自减运算符:++ --
(4)赋值运算符:=
(5)比较运算符:> < >= <=
(6)相等运算符:== != === !==
(7)逻辑运算符:&& || !
(8)条件运算符(三目运算符):表达式1 ? 表达式2 : 表达式3
(9)括号运算符
(10)逗号运算符
10.输入语句
js中的输入语句是: prompt函数,通过该函数,可以从浏览器中输入相应的数据,到程序中。输入的数据类型是String类型。
11.if-else语句
if...else 是双分支语句,要么执行if 要么执行else。多个if...else 可以构成,多分支语句。
if...else的配对规则:else永远向上面去找离它最近为配对的if进行配对
注意:else后面没有条件判断,else后面也是只管控一条语句,如果需要管控多条,使用语句块包裹语句!
例:随机输入一个年份,判断 闰年 平年
var year = Number(prompt())