JS学习总结

JS总结

1.JS是什么

• 是一种运行在客户端的脚本语言，可以为HTML网页增加动态功能。

2.用法

• 在HTML中插入的位置有以下三种方式：

  1. 直接写在HTML的一行语句中，eg：

     <input type="" value="" onclick=""/>
     

  2. 写在标签<script></script>中

  3. 写在外部的js文件中，然后HTML页面引入，eg：

     <script src=""></script>
     

3.变量

• 首先变量要遵守以下几个规则：

  1. 由字母、数字、下划线、$、组成，但数字不能作为开头；
  2. 不能是关键字和保留字；
  3. JS对大小写十分敏感，要区分大小写；
  4. 遵循驼峰命名法

• 声明以及赋值：

     var name;
     name = 'ly';
  

4.函数

• JS在很多方面与C语言有类似的语法，例如函数的使用可以类比C语言中函数的使用。

• 声明（只有在被调用时函数才会执行）：

    function name(){
      //函数体
    }
  

• 调用（可多次调用）：

    name();
  

5.作用域

• 全局变量：任何地方均可访问的变量；
• 局部变量：固定代码片段可访问；

6.操作符

• 一元操作符++ --
• 布尔操作符&& || !
• 算术操作符+ - * / %
• 关系操作符<> <=>= == === != !==
• 条件操作符? :
• 赋值操作符= += -+ *= /= %=

7.对象

• 创建，其创建方式有以下两种：

  1. new objectname()

  2. 对象字面量，eg:

       var objectname = {
        //属性和方法;
      }
     

• 对象的使用：

  1. 遍历：

     var objectname = {};
     for (var i = 0; i < 10; i++) {
     objectname[i] = i * 2;
     }
     for(var key in objectname) {
        console.log(key + "==" + objectname[key]);
     }
     

  2. 删除：

     function fun() { 
     this.name = 'ly';
     }
     var obj = new fun(); 
     console.log(obj.name); 
     delete obj.name;
     console.log(obj.name); 
     

8.数组

• 创建：

  1. new

  2. 直接创建，eg：

      var students = ['ly1','ly2','ly3'];
     

• 方法：

  1. 元素联合

  2. 堆栈方法

     后进先出

        var student = [];
        var count = student.push('ly1');//末尾推入
        console.log(count);//1
        student.push('ly2');
        var item = student.pop();//末尾弹出
        console.log(item);//'ly2'
     

  3. 队列方法

     先进先出

          var student = [];
          student.push('ly1','ly2','ly3');//末尾添加
          var item = student.shift();//前端弹出
          console.log(item);//'ly1'
     

  4. 反转数组项

  5. 链接方法

     var student1 = ['ly1', 'ly2'];
     var student2 = ['ly3' ,'ly4'];
     console.log(student1.concat(student2));//ly1,ly2,ly3,ly4
     console.log(student2.concat('ly5'));//ly3,ly4,ly5
     

  6. 分片方法

  7. splice方法

9.三种基本结构

• 顺序结构

• 分支结构

  • if…else

  • switch

    switch (expression) {
    case 常量1:
    语句;
    break; 
    default:
    语句;
    break;
    }
    

• 循环结构

  • for循环

    for (初始化表达式1; 判断表达式2; 自增表达式3)
    {
      //循环体
    }
    

  • while循环

     while (循环条件) {
     //循环体
     }