JS基础小节

文章目录

• 前言
• 一、JavaScript 数据类型
  • 1.JavaScript 字符串
  • 2.JavaScript 数字
  • 3.JavaScript 布尔
  • 4.JavaScript 数组
  • 5.JavaScript 对象
  • 6.Undefined 和 Null
  • 另外
• 二、JavaScript 作用域
  • 1.JavaScript 局部作用域
  • 2.JavaScript 全局变量
• 总结

---

前言

JS在前端学习非常重要，要学好前端，一定要打好基础。

---

一、JavaScript 数据类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。

引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。

---

1.JavaScript 字符串

字符串是存储字符（比如 "Bill Gates"）的变量。

字符串可以是引号中的任意文本。

var
carname="Volvo XC60";
var
carname='Volvo XC60';

2.JavaScript 数字

JavaScript 只有一种数字类型。数字可以带小数点，也可以不带

var x1=34.00;      //使用小数点来写
var
x2=34;             //不使用小数点来写

3.JavaScript 布尔

布尔（逻辑）只能有两个值：true 或 false。

4.JavaScript 数组

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

5.JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔

var person={firstname:"John", lastname:"Doe", id:5566};

6.Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

另外

当声明新变量时，可以使用关键词 "new" 来声明其类型：

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

二、JavaScript 作用域

作用域是可访问变量的集合

JavaScript 作用域

在 JavaScript 中, 对象和函数同样也是变量。

在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。

JavaScript 函数作用域: 作用域在函数内修改。

1.JavaScript 局部作用域

变量在函数内声明，变量为局部变量，具有局部作用域。

局部变量：只能在函数内部访问。

// 此处不能调用 carName 变量
function myFunction() {
    var carName = "Volvo";
    // 函数内可调用 carName 变量
}

因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量。

局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁。

2.JavaScript 全局变量

变量在函数外定义，即为全局变量。

全局变量有 全局作用域: 网页中所有脚本和函数均可使用。 

var carName = " Volvo";
 
// 此处可调用 carName 变量
function myFunction() {
    // 函数内可调用 carName 变量
}

如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。

以下实例中 carName 在函数内，但是为全局变量。

// 此处可调用 carName 变量
 
function myFunction() {
    carName = "Volvo";
    // 此处可调用 carName 变量
}

---

总结

在前端学习中JavaScript至关重要，要打好基础。