js--JavaScript的基础介绍

Dear 丶 2021-09-27 02:33 313阅读 0赞

# 前言 #

> JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

因为小编正在学习JavaScript，所以现在在这方面有些总结，及时公布出来，方便大家一起学习！

# 内容 #

在这个js学习文件中大致可以学到这五个方面的内容：基础语法、DOM（文档对象模型）、BOM（浏览器对象模型）、jQuery（DOM、BOM）、js高级。  
在学习的时候用的最频繁的两个单词：alert（在弹出框中显示信息）和console（在console中显示信息）。

## Javascript的类型 ##

Javascript中的类型和C\#中的差不多，用单词typeof可以显示内容的类型。如string typeof（变量）

<table> 
 <thead> 
  <tr> 
   <th>类</th> 
   <th>类型名称</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>基本类型</td> 
   <td>数字类型、布尔类型、字符串类型</td> 
  </tr> 
  <tr> 
   <td>引用类型</td> 
   <td>对象类型、函数类型</td> 
  </tr> 
  <tr> 
   <td>空类型</td> 
   <td>null和undefined</td> 
  </tr> 
  <tr> 
   <td>运算符</td> 
   <td>typeof</td> 
  </tr> 
 </tbody> 
</table>

## JavaScript是一个弱类型的语言 ##

JavaScript是一个弱类型的语言，弱类型表示精确度这方面会出错。  
弱类型不代表没有类型，不严格的检查类型

int num = 10；   //需要检查类型赋值如果不符合要求就报错，编译不通过

eg.

int num = “123”；//报错

使用var声明变量

var num = 123；不会检查类型，任何赋值都可以成功

js中数字是浮点类型，而且是不精确的类型

## 运算符 ##

### 数学运算符： ###

`+、-、*、/`

### 逻辑运算符： ###

`<、>、>=、<=、==、!=、&&、||、`  
**挖个坑：下面这两种逻辑运算符有想知道的吗？请留言。**

===     !==

与对象相关  
new、 delete、instanceof

## 逻辑控制与流量控制 ##

### if ###

if(bool表达式){
        语句
    } else if {
        语句
    } else {
        语句
    }
    解释性的语言，规范结尾用分号，但是如果不用分号，也不会报错，js引擎会根据换行自动加分号

### switch - case ###

switch(val){
        case 值1：语句；break；
        case 值2：语句；break；
        case 值3：语句；break；
        ……
        case 值n：语句；break；
        default：语句；break；
    }

### while ###

while(逻辑表达式){
        循环体
    }

### do - while ###

do{
        循环体
    }while(条件)

### for ###

for(var I =0;i<max;i++){
        循环体
    }

### for - in结构（有点像foreach，但是不同） ###

for(var item in 集合或对象){
        遍历这个集合对象，item为每一个项的键
        循环体
    }

## 使用函数（函数、方法） ##

### 函数的语法 ###

声明式语法：
    function 函数名（参数列表）｛
        //函数体
        //如果有返回值直接return即可
    ｝
    
    Lambda函数（匿名函数）
    var func = function(参数)｛
        方法体
    ｝；

### C\#中委托的使用方法 ###

生命委托类型
    定义委托变量
    授权方法
        func = delegate(参数) ｛方法体｝；
        func = （参数） =>{方法体}；
    使用委托变量调用方法

## arguments参数 ##

函数内部都有一个arguments参数，表示函数的参数  
像数组的对象  
eg.

## Function对象（动态函数） ##

var func = new Function(…);
        //Function 参数中最后一个参数是方法体，前面的参数都是该方法的参数
        //参数类型都是字符串
        var getMax = function(n1 ,n2){ 
            return n1 > n2 ? n1 : n2;
        };
    
        //上面这段代码等价于下面这行代码
        var func = new Function("n1","n2","return n1 > n2 ? n1 : n2;");
    //将字符串变成函数

# 总结 #

小编还在不断学习中，请期待我的成长！

# end #

谢谢您的阅读！