javascript常量，变量，数据类型实例

变量与常量

参考文献：
https://chinese.freecodecamp.org/news/javascript-var-let-and-const/

变量

var

• 使用
  传统变量方式, 已淘汰或不建议使用

• 作用域
  可以在全局范围声明或函数/局部范围内声明。

1. 当在最外层函数的外部声明var变量时，作用域是全局的。 这意味着在最外层函数的外部用var声明的任何变量都可以在windows中使用。
2. 当在函数中声明var时，作用域是局部的。 这意味着它只能在函数内访问。
   例如:

   var tester = 'hey hi';
   function newFunction() {
    var hello = 'hello';
   }；
   console.log(hello); // error: hello is not defined

   tester是全局范围的，因为它存在于函数外部，而hello是函数范围的。 因此，我们无法在函数外部访问变量hello。

• 变量可以重新声明和修改

  var greeter = 'hey hi';
  var greeter = 'say Hello instead';

  var greeter = 'hey hi';
  greeter = 'say Hello instead';

• 变量提升
  变量提升是 JavaScript 的一种机制:在执行代码之前，变量和函数声明会移至其作用域的顶部。
  var声明的变量会被提升到其作用域的顶部，并使用 undefined 值对其进行初始化.

  console.log(greeter);
  var greeter = 'say hello';

  上述代码被解释成

  var greeter;
  console.log(greeter); // greeter is undefined
  greeter = 'say hello';

  let

• 使用
  推荐使用

• 作用域
  let 是块级作用域
  块是由 {} 界定的代码块,大括号中有一个块.大括号内的任何内容都包含在一个块级作用域中.
  因此，在带有let的块中声明的变量仅可在该块中使用。
  例如：

let greeting = 'say Hi';
let times = 4;
if (times > 3) {
    let hello = 'say Hello instead';
    console.log(hello); // "say Hello instead"
}
console.log(hello); // hello is not defined

• 可以被修改但是不能被重新声明

let greeting = 'say Hi';
let greeting = 'say Hello instead'; // error: Identifier 'greeting' has already been declared

但是，如果在不同的作用域中定义了相同的变量，则不会有错误:

let greeting = 'say Hi';
if (true) {
    let greeting = 'say Hello instead';
    console.log(greeting); // "say Hello instead"
}
console.log(greeting); // "say Hi"

• 变量提升
  用let声明的变量会被提升到其作用域的顶部，不会对值进行初始化。
  因此，如果你尝试在声明前使用let变量，则会收到Reference Error。

常量

const

• 作用域
  像let声明一样，const声明只能在声明它们的块级作用域中访问
• 不能被修改并且不能被重新声明
  例如：

  const greeting = 'say Hi';
  greeting = 'say Hello instead'; // error: Assignment to constant variable.

  or

const greeting = 'say Hi';
const greeting = 'say Hello instead'; // error: Identifier 'greeting' has already been declared

因此，每个const声明都必须在声明时进行初始化。

• 变量提升
  const声明也被提升到顶部，但是没有初始化。

数据类型

原始类型

• 数值:整数,小数
  var x = 5;
• 字符串,使用引号(单引号或双引号)当定界符
  var x = "John";
• 布尔值: false, true
  var x=true; var y=false;
• undefined: 未定义
• null : 空
• typeof: 专用于原始类型的检测
  console.log(typeof 100);

引用类型/对象

函数

function sum(a, b, c) {
  return a+b+c;
}

• instanceof: 专用于引用类型的类型检测
  console.log(hello instanceof Function);

对象

const person = {
        name: "zhulaoshi",
        gender: "male",
        job: "lecture",
        getName: function () {
          return this.name;
        },
  };

• 可以用console.dir(person);

数组

const colors = ["red", "green", "blue"];

• 可以用console.table(colors);

数据类型总结

数组与对象的区别在于键名上: 从0开始递增的正整数,是有序数据的集合

对象使用的字符串做为键名, 与顺序无关, 可以无序的数据集合

函数参数与返回值

必选参数

let sum = function (a, b) {
        return a + b;
      };
      console.log(sum());

会报错，因为没有传参数

可选参数

sum = function (a = 1, b = 2) {
        return a + b;
      };
      console.log(sum(40));

不会报错，因为参数有初始值

归并参数

当有许多参数时，可以用归并参数打包处理
例如计算几个数相加
sum = function (a, b, c, d, e) { return a + b + c + d + e; };

sum = function (...arr) {
        return arr.reduce((p, c) => p + c);
  };
 let a1 = [1, 2, 3, 4, 5];
 console.log(sum(...a1));

… : 用在函数声明参数中,就是参数打包功能,rest
… : 用在函数调用的参数中, 就是扩展,spread

返回值

函数都是单值返回,如果返回多个值,返回数组或对象就可以
例如

`function getProduct() {
        return [123, "手机", 6789, "HUAWEI"];
      }`

  function getProduct() {
    return { id: 123, "my name": "手机", price: 6789, brand: "HUAWEI" };
  }

匿名函数与箭头函数

• 只有匿名函数才可以使用箭头函数进行简化

let sum = function (a, b) { return a + b; };

改为箭头函数
sum = (a, b) => { return a + b; };

• 如果参数大于一个,那么参数的圆括号不能省
• 如果函数体只有一条return语句或只有一条语句,则大括号也可以不用了
• 如果没有参数,参数的圆括号不能省
• 箭头函数没有自己的this,不能用来当构造函数