JavaScript基础一

JavaScript基础

一. JavaScript入门

1. JavaScript入门

• JavaScript代码需要写在script标签里面
  • 在页面弹出警告框 alert(“你好”)
  • 控制台打印输出 console.log(“猜猜我在哪儿?”)
  • 页面打印输出 document.write(“页面打印输出”)

2. JavaScript编写位置

• 1. 可以将JavaScript代码编写在script标签里面

  <script>
    alert("你好")
  </script>

• 2. 可以将JavaScript代码编写代外部的js文件中, 然后通过script标签进行引用

  <script src="./script/script.js"></script>

• 3. 可以将JavaScript代码编写到指定属性中

    // JavaScript冒号后面写分号表示该超链接结束
    <a href="javascript:alert(123);">超链接</a>

    // 这样写代码表示该超链接什么都不会发生
    <a href="javascript:;">超链接</a>

3. 基本语法

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

  /*多行注释*/

• 单行注释
  • alert(123) // alert() 用来弹出警示框

  // 单行注释

• JavaScript严格区分大小写

  Alert("不会有任何提示框")

• 在JS中多个空格和换行会被忽略可以利用这个特点来对代码进行格式化

  alert( 123 )

• JS中每条语句应该用分号结尾JS中具有自动添加分号的机制, 所以如果不写分号解释器会自动添加

  alert('哈哈');
  alert(111)

4. 字面量和变量

• 字面量

  • 字面量其实就是一个值, 它所代表的含义就是它字面的意思
  • 比如: 1 2 3 4 100 “Hello” true null …
  • 在JS中所有的字面量都可以直接使用, 但是直接使用字面量并不方便

• 变量

  • 变量可以用来"存储"字面量
  • 并且变量中的存储的字面量可以随意的修改
  • 通过变量可以对字面量进行描述, 并且变量比较方便修改

• 变量的使用

  • 声明变量 – let 变量名
  • 变量赋值 – 变量名 = xx
  • 声明和赋值同时进行 – let 变量名 = 值

    let x 
    x = 80
    x = '哈哈'

    let age
    age = 80
    age = 81
    // console.log(x)
    // console.log(age)  


  /* 
    多行注释: shift + alt + a
      变量的使用
        声明变量 -- let 变量名
        变量赋值 -- 变量名 = xx
        声明和赋值同时进行 -- let 变量名 = 值 
  */

    let a
    let b, c, d

    var e 
    var f, g, h

    a = 10
    a = 'hello'
    a = true
    // console.log(a)

    let i = 100
    console.log(i)

5. 变量的内存结构

• 变量中并不存储任何值, 而是存储值的内存地址!

6. 常量

• 在js中使用const声明常量, 常量只能赋值一次, 重复赋值会报错
• 在js中除了常规的常量外, 有一些对象类型的数据我们也会声明为常量

  const PI = 3.1415926
  // PI = 10  // 报错
  console.log(PI)

7. 标识符

• 在js中, 所有可以由自主命名的内容, 都可以认为是一个标识符

  • 像 变量名 函数名 类型 …

• 使用标识符时需要遵循如下的命名规范

  1. 标识符只能含义字母, 数字, 下划线, $, 并且不能以数字开头
  2. 标识符不能是JS中的关键字和保留字, 也不建议使用内置的函数作为变量名
  3. 命名规范
     • 通常会使用驼峰命名法
       • 首字母小写, 每个单词开头大写
       • maxlength – maxLength
       • borderleftwidth – borderLeftWidth

  • 类名会使用大驼峰

    • 首字母大写, 每个单词开头大写
    • maxlength – MaxLength

  • 常量的字母会全部大写

    • MAX_LENGTH

   let a = 10
    let abc13_$ = 22
    let _abc = 222
    let $bcd = 44
    // let @@@ = 444 // 报错
    // let 123_ = 555 // 报错

    // let let = 10 // 报错
    // let var = 10 // 报错
    
    // let alert = 55
    // console.log(alert)
    // alert 不能用了 需要上面注释掉才可以用
    // alert(33)

二. 数据类型

1. 数值

• JavaScript中一共有七种原始值:

  • 数值(Number)
  • 大整数(Bigint)
  • 字符串(String)
  • 布尔值(Boolean)
  • 空值(Null)
  • 未定义(Undefined)
  • 符号(Symbol)

• 七种原始值是构成各种数据的基石,

  • 原始值在JS中是不可变类型, 一旦创建就不能修改,

• 数值 (Number)

  • 在JS中所有的整数和浮点数(小数)都是Number类型
  • JS中的数字并不是无限大, 当数值超过一定范围它会显示近似值
  • Infinity 是一个特殊数值来表示无穷
  • 所以在JS中进行一些精度比较高的运算时要十分注意
  • NaN 也是一个特殊的数字, 表示非法数值

  let age = 10
    age = 10.5
    age = 3.14
    age = 99999 ** 99999
    age = Infinity
    age = 1.111111111111111111111111111111111111111111111111111111
    age = 0.00000000000000000000000000000000000001
    age = 0.3 - 0.1
    age = 1 - 'a'  // NaN (Not a Number)
    console.log(age)

• 大整数 (BigInt)
  • 大整数用来表示一些比较大的整数
  • 大整