js(基础)

发布于:2023-01-13 ⋅ 阅读:(433) ⋅ 点赞:(0)

var变量

  1. 变量就是一个用来存储数据的容器。
  2. 声明变量使用var关键字
  3. 变量的声明
  var name = '右侧叫表达式';
  // var 是声明变量的关键字
  // name 是变量的名字
  // = 赋值运算符
  // =右边 表达式
  1. var提升变量,只是把变量提升到作用域的最顶层,变量的赋值不会提升,依然保留在原始位置。

内存分配

  1. 内存中的栈【有序存储】:存储基础数据类型的数据【字符串,数字,布尔值】
  2. 内存中的堆【无序存储】:存储的是复杂/引用类型的数据【对象,数组】

变量命名规范

  1. 【重点】变量名不可以是js的关键字或保留字
  2. 变量的名字不可以用数字开头、其他非英文字母的字符,虽然可以用中文做变量名字,但是一般不这样写。
  3. 变量可以使用$_、英文字母做变量名
  4. 命名的时候应该遵循语义化规则:让变量有实际的含义,实在不行可以使用拼音【不推荐】
  5. 对于多个单词拼接的变量名应该使用驼峰命名法:
  • 大驼峰命名法:myname => MyName; 每个单词的首字母大写
  • 小驼峰命名法:myname => myName:除了第一个单词,剩下的单词首字母大写
  1. 变量的首字母应该对应着数据类型
  • 字符串:var s_name
  • 数字: var n_count
  • ...

作用域

  • 定义:程序生效的空间

  • 全局的作用域:script【脚本】

    • 顶级对象:window、document
    • window又叫BOM
    • document又叫DOM
    • BOM包含着DOM
  • 局部的作用域:function【函数】、module【es6】

    • 顶级对象:this
    • 内部声明的变量
    • 声明在局部作用域中的变量不可以在外部使用,但是如果不使用关键字声明的变量,则会被提升到全局作用域中。
    • 函数天生有返回值,返回值默认是undefined

    数据类型

    基本数据类型【内存的栈里面存储】

    • 数字
    • 字符串
    • 布尔值
    • 空值 null
    • 未定义 undefined
    • 不是数字 nan

引用数据类型【内存的堆里面存储】

  • 对象
  • 数组
  • 函数
  • 正则

基本数据类型和引用数据类型【区别】

  • 基本数据类型在赋值的时候是在栈里面开一个新的空间存储,多个变量使用同一个值也是对值得深拷贝,每个值拥有独立得存储空间。
  • 引用数据类型在赋值得时候是在堆里面开一个空间,把存储空间得标识码赋给了变量,多个变量赋值为同一个对象得时候,只是简单得复用了标识码得引用,俗称浅拷贝。

类型转换

  1. 字符串->数组
  2. 字符串->数字
  3. 所有得数据互相之间都可以转换

显式转换

很直观的从代码上可以看出来是在转换数据类型。

  1. 使用数据的构造函数:String(),Number(),Array()
  2. 使用方法,比如转成字符串可以使用 toString 方法

隐式转换

  1. if的表达式可以隐式转换
  2. +任何值和字符串加,都会被转成字符串
  3. 除了+,其他的减乘除都是尝试把数据转成数字进行计算。
  4. 逻辑运算符也会隐式转换数据

数据类型检测

  1. typeof:对基本数据类型检测好用,对于引用数据类型全都是object
  2. instanceof:检测一个值是不是属于一个数据原型上的,对于引用数据很精准,对于基本数据类型不精准。
  3. constructor:可以检测基本数据和引用数据类型,但是对于空置类型,不能检测出来,因为空值类型没有构造函数
  4. Object.prototype.toString.call():可以检测所有的数据类型