JavaScript 笔记 --- 语法结构

迷南。 2022-07-17 03:45 111阅读 0赞

实际上 我接触JS和JQ uery是在 2012年。  
说来惭愧，用了这么多年，却从未深入研究。  
以前学的东西不用的，也渐渐忘却。  
虽然现在能写点插件之类的，但是觉得代码还是不够简练优雅。  
故决定，重新系统性的学习它。  
**注： 该笔记是给我自己用的，以便自己能够快速浏览，帮助自己更快的学会JavaScript。**

--------------------

# **数据类型和变量** #

--------------------

## 数据类型： ##

**字符串、数字、布尔、数组、对象、Null、Undefined**

--------------------

## JavaScript 拥有动态类型 ##

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：

var x                // x 为 undefined
        var x = 6;           // x 为数字
        var x = "Bill";      // x 为字符串

--------------------

## 字符串 ##

字符串用 ” （单引号） 或者 “”（双引号）包裹

var a =  'test';   // 字符串
        var a =  "test";   // 字符串

--------------------

## Number ##

**JavaScript不区分整数和浮点数**，统一用Number表示，以下都是合法的Number类型：

123; // 整数123
    0.456; // 浮点数0.456
    1.2345e3; // 科学计数法表示1.2345x1000，等同于1234.5
    -99; // 负数
    NaN; // NaN表示Not a Number，当无法计算结果时用NaN表示
    Infinity; // Infinity表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为Infinity

--------------------

## 布尔 ##

true; // 这是一个true值
        false; // 这是一个false值
        2 > 1; // 这是一个true值
        2 >= 3; // 这是一个false值

--------------------

## 数组 ##

数组是一组按顺序排列的集合，集合的每个值称为元素。JavaScript的数组可以包括任意数据类型。例如：

> \[1, 2, 3.14, ‘Hello’, null, true\];

var arr = new Array(1, 2, 3, 4);
        var arr = [1, 2, 3, 'test', 'good', true];

**数组的访问**

下标是从0开始的

> console.log( **arr\[0\]** ); // 1  
> console.log( **arr\[3\]** ); // test
> 
> **console.log() 打印出值的方法**

--------------------

## 对象 ##

JavaScript的对象是一组由键-值组成的无序集合，例如：

var person = {
            name: 'Bob',
            age: 20,
            tags: ['js', 'web', 'mobile'],
            city: 'Beijing',
            hasCar: true,
            zipcode: null
        };

要获取一个对象的属性，我们用对象变量.属性名的方式：

person.name; // 'Bob'
        person.zipcode; // null

--------------------

## NULL ##

--------------------

## Undefined ##

--------------------

## 变量 ##

变量的概念基本上和初中代数的方程变量是一致的，只是在计算机程序中，变量不仅可以是数字，还可以是任意数据类型。

变量在JavaScript中就是用一个变量名表示。  
**变量名是大小写英文、数字、$和\_的组合，且不能用数字开头。变量名也不能是JavaScript的关键字，如if、while等。**  
申明一个变量用 **var** 语句，比如：

var a; // 申明了变量a，此时a的值为undefined
        var $b = 1; // 申明了变量$b，同时给$b赋值，此时$b的值为1
        var s_007 = '007'; // s_007是一个字符串
        var Answer = true; // Answer是一个布尔值true
        var t = null; // t的值是null

--------------------

**strict模式**  
　　JavaScript在设计之初，为了方便初学者学习，并不强制要求用var申明变量。这个设计错误带来了严重的后果：如果一个变量没有通过var申明就被使用，那么该变量就自动被申明为全局变量：

i = 10; // i现在是全局变量

**在同一个页面的不同的JavaScript文件中，如果都不用var申明，恰好都使用了变量i，将造成变量i互相影响，产生难以调试的错误结果。**

--------------------

使用var申明的变量则不是全局变量，它的范围被限制在该变量被申明的函数体内，同名变量在不同的函数体内互不冲突。

为了修补JavaScript这一严重设计缺陷，ECMA在后续规范中推出了strict模式，在strict模式下运行的JavaScript代码，强制通过var申明变量，未使用var申明变量就使用的，将导致运行错误。

**启用strict模式**的方法是在JavaScript代码的第一行写上：

'use strict';

这是一个字符串，不支持strict模式的浏览器会把它当做一个字符串语句执行，支持strict模式的浏览器将开启strict模式运行JavaScript。

--------------------

// 如果浏览器支持strict模式，
        // 下面的代码将报ReferenceError错误:
     'use strict';
    
        abc = 'Hello, world';
        alert(abc);