JavaScript学习之知识点

旧城等待， 2022-05-29 20:49 226阅读 0赞

#### 1.重新声明 JavaScript 变量 ####

如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

var carname="Volvo";
    var carname;

#### 2.JavaScript 数据类型 ####

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

var x;               // x 为 undefined
    var x = 5;           // 现在 x 为数字
    var x = "John";      // 现在 x 为字符串

下面的代码创建名为 cars 的数组：

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

或者 (condensed array):

var cars=new Array("Saab","Volvo","BMW");

或者 (literal array):

var cars=new Array("Saab","Volvo","BMW");

##### JavaScript 对象 #####

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

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

上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行：

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

对象属性有两种寻址方式：

name=person.lastname;
    name=person["lastname"];

##### Undefined 和 Null #####

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

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

#### 3.JavaScript 作用域 ####

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

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

##### JavaScript 局部作用域 #####

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

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

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

##### JavaScript 全局变量 #####

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

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

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

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

##### HTML 中的全局变量 #####

在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象  
比如：

//此处可使用 window.carName
    
    function myFunction() {
        carName = "Volvo";
    }

#### 4.特殊字符 ####

下表中列举了在字符串中可以使用转义字符转义的特殊字符：

##### 字符串可以是对象 #####

通常， JavaScript 字符串是原始值，可以使用字符创建： **var firstName = "John"**

但我们也可以使用 new 关键字将字符串定义为一个对象： **var firstName = new String("John")**

注意：不要创建 String 对象。它会拖慢执行速度，并可能产生其他副作用：

#### 5.字符串属性和方法 ####

原始值字符串，如 "John", 没有属性和方法(因为他们不是对象)。

原始值可以使用 JavaScript 的属性和方法，因为 JavaScript 在执行方法和属性时可以把原始值当作对象。

##### 字符串属性 #####

<table> 
 <tbody> 
  <tr> 
   <th style="width:24%;">属性</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>constructor</td> 
   <td>返回创建字符串属性的函数</td> 
  </tr> 
  <tr> 
   <td>length</td> 
   <td>返回字符串的长度</td> 
  </tr> 
  <tr> 
   <td>prototype</td> 
   <td>允许您向对象添加属性和方法</td> 
  </tr> 
 </tbody> 
</table>

##### 字符串方法 #####

<table> 
 <tbody> 
  <tr> 
   <th style="width:24%;">Method</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>charAt()</td> 
   <td>返回指定索引位置的字符</td> 
  </tr> 
  <tr> 
   <td>charCodeAt()</td> 
   <td>返回指定索引位置字符的 Unicode 值</td> 
  </tr> 
  <tr> 
   <td>concat()</td> 
   <td>连接两个或多个字符串，返回连接后的字符串</td> 
  </tr> 
  <tr> 
   <td>fromCharCode()</td> 
   <td>将字符转换为 Unicode 值</td> 
  </tr> 
  <tr> 
   <td>indexOf()</td> 
   <td>返回字符串中检索指定字符第一次出现的位置</td> 
  </tr> 
  <tr> 
   <td>lastIndexOf()</td> 
   <td>返回字符串中检索指定字符最后一次出现的位置</td> 
  </tr> 
  <tr> 
   <td>localeCompare()</td> 
   <td>用本地特定的顺序来比较两个字符串</td> 
  </tr> 
  <tr> 
   <td>match()</td> 
   <td>找到一个或多个正则表达式的匹配</td> 
  </tr> 
  <tr> 
   <td>replace()</td> 
   <td>替换与正则表达式匹配的子串</td> 
  </tr> 
  <tr> 
   <td>search()</td> 
   <td>检索与正则表达式相匹配的值</td> 
  </tr> 
  <tr> 
   <td>slice()</td> 
   <td>提取字符串的片断，并在新的字符串中返回被提取的部分</td> 
  </tr> 
  <tr> 
   <td>split()</td> 
   <td>把字符串分割为子字符串数组</td> 
  </tr> 
  <tr> 
   <td>substr()</td> 
   <td>从起始索引号提取字符串中指定数目的字符</td> 
  </tr> 
  <tr> 
   <td>substring()</td> 
   <td>提取字符串中两个指定的索引号之间的字符</td> 
  </tr> 
  <tr> 
   <td>toLocaleLowerCase()</td> 
   <td>根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射</td> 
  </tr> 
  <tr> 
   <td>toLocaleUpperCase()</td> 
   <td>根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射</td> 
  </tr> 
  <tr> 
   <td>toLowerCase()</td> 
   <td>把字符串转换为小写</td> 
  </tr> 
  <tr> 
   <td>toString()</td> 
   <td>返回字符串对象值</td> 
  </tr> 
  <tr> 
   <td>toUpperCase()</td> 
   <td>把字符串转换为大写</td> 
  </tr> 
  <tr> 
   <td>trim()</td> 
   <td>移除字符串首尾空白</td> 
  </tr> 
  <tr> 
   <td>valueOf()</td> 
   <td>返回某个字符串对象的原始值</td> 
  </tr> 
 </tbody> 
</table>

#### 6.JavaScript函数的调用方法 ####

![70][]

#### 7.Javascript三目运算（三元运算） 语句 ####

注意：if...else与三目运算这两者的区别，总结为一句话：三目运算有返回值，if else没有返回值  
例子如下

var n=1;
    if(n>1){
        n=0;
    }else{
        n++;
    }
    console.log(n);
    #输出结果：2
    
    var n=1;
    n = n>1?0 : n++;
    console.log(n);
    #输出结果为：1

var n=1;
    if(n>1){
        n=0;
    }else{
        ++n;
    }
    console.log(n);
    #输出结果：2
    
    var n=1;
    n = n>1?0 : ++n; 
    console.log(n); 
    #输出结果为：2

[70]: /images/20220530/99a0765a021c4ac788ba546e25800fc0.png