开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第2天，点击查看活动详情

1、三种输出显示位置

在弹窗上
在控制台

在页面中显示

    <script>
        alert('哈哈哈哈')
        console.log('猜猜看')
        document.write('你猜我在哪')
    </script>

2、编写位置

可以将js编写到网页内部的script标签

<script>
        alert("哈哈！")
</script>

可以将js编写外部的js文件中，然后通过script标签进行引入
```
<script src="./script/script.js"></script> 
```
可以将js代码编写到指定属性中

<body>
    <button onclick="alert('你点我干嘛！')">点我一下</button>

    <hr>
    <a href="javascript:alert(123);">超链接</a>
    
    <hr>
    <a href="javascript:;">超链接</a>
</body>

3、基本语法

多行注释

注释中的内容会被解释器忽略
可以通过注释来对代码进行解释说明
也可以通过注释来注释掉不想执行的代码

<script>        
/*
            1. 多行注释
  */
</script>

单行注释

<script>
    alert(123) // alert()用来弹出一个警告框
</script>

JS严格区分大小写
在JS中多个空格和换行会被忽略 ------>可以利用这个特点来对代码进行格式化
JS中每条语句都应该以分号结尾

JS中具有自动添加分号的机制，所以如果不写分号解释器会自动添加

4、字面量和变量

字面量

字面量其实就是一个值，它所代表的含义就是它字面的意思 100 "hello" true null .....
在js中所有的字面量都可以直接使用，但是直接使用字面量并不方便

变量

变量可以用“存储”字面量量可以随意的修改
通过变量可以对字面量进行描述，并且变量比较方便修改

多行注释：shift + alt + a

变量的使用

声明变量 --> let 变量名 / var 变量

变量赋值 --> a = xx

声明和赋值同时进行 --> let 变量 = 值

<script>
            let x
            x = 80
            x = "哈哈"

            let age
            age = 80
            age = 81
            // console.log(age)
            let a
            let b, c, d

            let i = 100
            console.log(i)
</script>

5、变量的内存

变量中并不存储任何值，而是存储值的内存地址！

    <script>
        let a = '哈哈'
        let b = '哈哈'
    </script>

6、常量

在JS中，使用const声明常量，常量只能赋值一次，重复赋值会报错

在JS中除了常规的常量外，有一些对象类型的数据我们也会声明为常量

<script>
    const PI = 3.1415926
    // PI = 10
    console.log(PI)
</script>

7、标识符

在JS中，所有可以由我们自主命名的内容，都可以认为是一个标识符像变量名函数名类名... 使用标识符需要遵循如下的命名规范：

标识符只能含有字母、数字、下划线、$，且不能以数字开头
标识符不能是JS中的关键字和保留字，也不建议使用内置的函数或类名作为变量名
命名规范：

通常会使用驼峰命名法
- 首字母小写，每个单词开头大写
- maxlength --> maxLength
- borderleftwidth --> borderLeftWidth
类名会使用大驼峰命名法
- 首字母大写，每个单词开头大写
- maxlength --> MaxLength
常量的字母会全部大写
- MAX_LENGTH

<script>
    let a = 10
    let abc123_$ = 22
    let _abc = 33
    let $bcd = 44 
</script>

【JavaScript】2_零基础入门