JavaScript语言基本知识

var i = 0;
var i = 0;

【let】

• 作用范围：块作用域
• 会有冗余声明（不可以多次定义赋值）
• 不会变量提升，俗称“暂时性死区”

【const】

• 作用范围：块作用域
• 声明变量必须同时初始化变量
• 不允许重复声明
• 尝试修改变量的值报错，但对对象操作就不一样了

作用域链

因为var可以多次声明这一个特点，就产生出了一个问题，在函数里面声明一个变量，在函数外也声明一个同名的变量，就会导致接下来的代码使用哪一个变量的情况。分析是哪个其实也好办，就是看调用的这个函数离哪个声明的变量最近，哪个最近取哪个。

作用域链有其解决的办法，那就是利用作用域链，但是使用let和const更为方便。

比如：循环迭代过程中

预解析和代码执行

浏览器的js解析器当中，会将js代码分两步执行，分别为，预解析和执行代码

• 预解析：在当前作用域下, JS 代码执行之前，浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或者定义
• 代码执行： 从上到下执行JS语句

三、基本数据类型

数据类型

最新的 ECMAScript 标准定义了 8 种数据类型：

• 七种基本数据类型：

• 布尔值（Boolean），有 2 个值分别是：true 和 false.
• 数字（Number），整数或浮点数，例如： 42 或者 3.14159。
• 任意精度的整数 (BigInt) ，可以安全地存储和操作大整数，甚至可以超过数字的安全整数限制。
• 字符串（String），字符串是一串表示文本值的字符序列，例如："Howdy" 。
• 代表（Symbol）( 在 ECMAScript 6 中新添加的类型).。一种实例是唯一且不可改变的数据类型。
• undefined，和 null 一样是一个特殊的关键字，undefined 表示变量未赋值时的属性。
• null，一个表明 null 值的特殊关键字。JavaScript 是大小写敏感的，因此 null 与 Null、NULL或变体完全不同。

• 以及对象（Object）。

自动确定类型机制

JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定，这是和Java基本类型不同的一点。

let age = 10;        // 这是一个数字型
let forsome= '是的';   // 这是一个字符串

在代码运行时，变量的数据类型是由 JS引擎 根据 = 右边变量值的数据类型来判断 的，运行完毕之后， 变量就确定了数据类型。JavaScript 拥有动态类型，同时也意味着相同的变量可用作不同的类型

number

JavaScript 数字类型既可以保存整数，也可以保存小数(浮点数）

string

• 转义符

• 字符串长度：通过字符串的 length 属性可以获取整个字符串的长度。

boolean

布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。

布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。

console.log(true + 1);  // 2
console.log(false + 1); // 1

undefined

一个声明未定义的变量的初始值，或没有实际参数的形式参数。

null

值 null 特指对象的值未设置。

TODO: symbol

https://juejin.cn/post/7091170378243899429

数据类型判断及转换

• 数据类型的几种判断方法

• 数据类型的转换

使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型

四、运算符和表达式

基本运算符

• +-*/%：数学运算符
• ++：自增运算符（注意i++和++i区别）
• ==、===：区别就是后者要求值和数据类型都相等，前者只要求值

• &&、||、!：与或非
• !!：将值转换为Boolean类型

位移运算符

• <<：按位左移
• >>：按位右移
• >>>：按位无符号右移

二进制位运算符

• &：按位与
• |：按位或

• ～：按位非

• ^：按位异或

二元逻辑运算符

• 逻辑与：存在假则返回假的值，否则返回最后一个值

console.log( 123 && 456 );        // 456
console.log( 0 && 456 );          // 0
console.log( 123 && 456&& 789 );  // 789

console.log( 123 || 456 );         //  123
console.log( 0 ||  456 );          //  456
console.log( 123 || 456 || 789 );  //  123

console.log(55 ?? 66)
console.log(false ?? 66)

interface Customer {
  name: string
  city?: string
}
let customer: Customer = {
  name: 'xiaoming',
  city: 'jiangxi'
}
console.log(customer?.city)
let customerCity = customer?.city ?? 'Unknown city'

console.log(customerCity)

55
false
jiangxi
jiangxi

switch( 表达式 ){ 
  case value1:
    // 表达式 等于 value1 时要执行的代码
    break;
  case value2:
    // 表达式 等于 value2 时要执行的代码
    break;
  default:
    // 表达式 不等于任何一个 value 时要执行的代码
}

// 如果row为true则this.actFormOptions.modelObject.assign({}, toShowActFromData(row))
this.actFormOptions.model = row ? Object.assign({}, toShowActFromData(row)) : getColumnFormModel(actColumns, defaultActProp)