1、三种输出显示位置
- 在弹窗上
- 在控制台
- 在页面中显示
<script>
alert('哈哈哈哈')
console.log('猜猜看')
document.write('你猜我在哪')
</script>
2、编写位置
- 可以将js编写到网页内部的script标签
<script>
alert("哈哈!")
</script>
- 可以将js编写外部的js文件中,然后通过script标签进行引入
<scriptsrc="./script/script.js"></script>
- 可以将js代码编写到指定属性中
<body>
<buttononclick="alert('你点我干嘛!')">点我一下</button>
<hr>
<ahref="javascript:alert(123);">超链接</a>
<hr>
<ahref="javascript:;">超链接</a>
</body>
3、基本语法
- 多行注释
- 注释中的内容会被解释器忽略
- 可以通过注释来对代码进行解释说明
- 也可以通过注释来注释掉不想执行的代码
<script>
/*
1. 多行注释
- 注释中的内容会被解释器忽略
- 可以通过注释来对代码进行解释说明
- 也可以通过注释来注释掉不想执行的代码
*/
</script>
- 单行注释
<script>
alert(123) // alert()用来弹出一个警告框
</script>
- JS严格区分大小写
<script>
alert(123)
</script>
- 在JS中多个空格和换行会被忽略 ------>可以利用这个特点来对代码进行格式化
- JS中每条语句都应该以分号结尾
JS中具有自动添加分号的机制,所以如果不写分号解释器会自动添加
4、字面量和变量
字面量
- 字面量其实就是一个值,它所代表的含义就是它字面的意思 100 "hello" true null .....
- 在js中所有的字面量都可以直接使用,但是直接使用字面量并不方便
变量
- 变量可以用“存储”字面量量可以随意的修改
- 通过变量可以对字面量进行描述,并且变量比较方便修改
多行注释:shift + alt + a
变量的使用
声明变量 --> let 变量名 / var 变量
变量赋值 --> a = xx
声明和赋值同时进行 --> let 变量 = 值
<script>
letx
x=80
x="哈哈"
letage
age=80
age=81
// console.log(age)
leta
letb, c, d
vare
varf, g, h
a=10
a="hello"
a=true
leti=100
console.log(i)
</script>
5、变量的内存
变量中并不存储任何值,而是存储值的内存地址!
<script>
leta='哈哈'
letb='哈哈'
</script>
6、常量
在JS中,使用const声明常量,常量只能赋值一次,重复赋值会报错
在JS中除了常规的常量外,有一些对象类型的数据我们也会声明为常量
<script>
constPI=3.1415926
// PI = 10
console.log(PI)
</script>
7、标识符
在JS中,所有可以由我们自主命名的内容,都可以认为是一个标识符像 变量名 函数名 类名...使用标识符需要遵循如下的命名规范:
1. 标识符只能含有字母、数字、下划线、$,且不能以数字开头
2. 标识符不能是JS中的关键字和保留字,也不建议使用内置的函数或类名作为变量名
3. 命名规范:
- 通常会使用驼峰命名法
- 首字母小写,每个单词开头大写
- maxlength --> maxLength
- borderleftwidth --> borderLeftWidth
- 类名会使用大驼峰命名法
- 首字母大写,每个单词开头大写
- maxlength --> MaxLength
- 常量的字母会全部大写
- MAX_LENGTH
<script>
leta=10
letabc123_$=22
let_abc=33
let$bcd=44
</script>