Javascript介绍-优快云博客

Javascript

定义：一门简单的浏览器可解析的语言
作用：与HTML相结合使用，使我们的网页变得更加酷炫

发展史：

   1.1992年，Nombase公司开发出来，校验表单，起名c--，后来更名为：ScriptEase。
   2.1995年，Netscape（网景）公司，与Sun公司工程师合作，把c--
       和Java语言相结合；Javascript；用在网景公司开发的浏览器上
       导航者浏览器；
   3.1996年，微软公司抄袭JavaScript，取名JScript；用在IE浏览器上
   4.1997年，ECMA（欧洲计算机制造协会）站出来，规范JavaScript语言；

使用：

1.如何引入JavaScript：

       1.1内部js:使用script标签来包含，可以放在任何位置，加载有先后顺序
       1.2外部js：使用script标签来包含，需要注明src的路径
       1.3使用超链接加载js:<a href="javascript:js语句">test</a>

2.注释：

       2.1单行注释 // Ctrl+/
       2.2多行注释 /* 注释内容 */ Ctrl+shift+/

3.变量有三种使用方式：

       3.1 先声明再赋值如：var message;?message="hi";
       3.2 同时声明和赋值变量如：var message="hi";
       3.3 不声明直接赋值如：message="hi";

4.变量命名规则：

       1.第一个字符必须是一个字母、下划线（_）或一个美元符号（$）
       2.其他字符可以是字母、下划线、美元符号或数字
       3.区分大小写
       4.不能与关键字同名，如 while、for 和 if 等

5.JavaScript 中有 5 种简单数据类型，也称为基本数据类型：

       undefined：未赋值类型
       null：null类型
       boolean：Boolean类型，true、false
       number：数值类型，浮点数、整数
       string：字符串类型，只存在一个值null，表示对象不存在
       另外还有一种复杂数据类型——object对象类型

6.选择结构：需要根据特定的条件执行不同的语句。

   JavaScript中选择结构使用if语句和switch语句。
   if 语句有 3 种形式：单分支、双分支和多分支。

   代码示例：
   /*
   * 单分支操作
   */
   var a=15;
   var b=10;
   if(a>b){
       document.write("a>b");
   }

   /*
   * 双分支结构
   */
   if(a<b){
       document.write("a<b");
   }else{
       document.write("a>b");
   }

   /*
   * 多分支结构
   */
   if(a<b){
       document.write("a<b");
   }else if(a==b){
       document.write("a=b");
   }else{
       document.write("a>b");
   }

```
/*
* switch
*/
switch(2){
   case 1:a+b;document.write("a+b="+(a+b));
   break;
   case 2:a-b;
   document.write("a-b="+(a-b));
   break;
}
```

7.JavaScript中，循环结构有 while 循环、do-while 循环和 for 循环

       1.while 循环语句
       语法：
           while（条件表达式）{
               语句或语句块
           }

       2.do-while 循环语句
       语法：
       do{
           语句或语句块
       }while( 条件表达式 );

       3.for 循环语句
       语法：
           for( 初始化表达式 ; 循环条件表达式 ; 循环后的操作表达式 ){
              语句或语句块
           }
   代码示例：
       for(var i=0;i<10;i++){
           document.write("hello world");
       }

8.break 语句和 continue 语句
       JavaScript跳转语句：break语句和continue语句
       break语句用于中断循环
       continue语句用于跳过本次循环要执行的剩余语句，然后开始下一次循环

9.算数运算符

   运算符   描述    例子   x 运算结果   y 运算结果
   +       加法    x=y+2   7          5
   -       减法   x=y-2   3 5
   *       乘法   x=y*2   10           5
   /       除法 x=y/2 2.5 5
   %   取模（余数） x=y%2 1 5
   ++   自增 x=++y 6 6
                   x=y++ 5 6
   --   自减 x=--y 4 4
                   x=y-- 5 4

## 10.赋值运算符

   运算符   例子   等同于   运算结果
   =   x=y      x=5
   +=   x+=y   x=x+y   x=15
    -=   x-=y   x=x-y   x=5
   *=   x*=y   x=x*y   x=50
   /=   x/=y   x=x/y   x=2
   %=   x%=y   x=x%y   x=0

## 11.比较运算符

   运算符   描述   比较   返回值
   ==       等于   x==8   false
               x==5   true
   ===       绝对等于（值和类型均相等）    x==="5"   false
                                       x===5   true
   !=      不等于   x!=8   true
   !==      不绝对等于（值和类型有一个不相等，或两个都不相等） x!=="5" true
                                       x!==5 false
   >      大于   x>8   false
   <      小于   x<8   true
   >=      大于或等于   x>=8   false
   <=      小于或等于   x<=8   true