前端之JavaScript学习

 

初识JavaScript

JavaScript代码可以直接嵌在网页的任何地方,通常我们都把JavaScript代码放到<head>中。

<script>...</script>包含的代码就是JavaScript代码,它将直接被浏览器执行。、

每行以  ; 号结束。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        alert('hello world');
    </script>
</head>
<body>

</body>
</html>
第一种被浏览器执行的方法

第二种方法是把JavaScript代码放到一个单独的.js文件,然后在HTML中通过<script src="..."></script>引入这个文件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="123.js">
    </script>
</head>
<body>

</body>
</html>
第二种被浏览器执行的方法

执行结果:

这样,123.js就会被浏览器执行。

把JavaScript代码放入一个单独的.js文件中更利于维护代码,并且多个页面可以各自引用同一份.js文件。

可以在同一个页面中引入多个.js文件,还可以在页面中多次编写<script> js代码... </script>,浏览器按照顺序依次执行。

有些时候你会看到<script>标签还设置了一个type属性:

<script type="text/javascript">
  ...
</script>

但这是没有必要的,因为默认的type就是JavaScript,所以不必显式地把type指定为JavaScript。

基本语法

JavaScript的语法和Java语言类似,每个语句以;结束,语句块用{...}。但是,JavaScript并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;注意:让JavaScript引擎自动加分号在某些情况下会改变程序的语义,导致运行结果与期望不一致。不要省略;

例如,下面的一行代码就是一个完整的赋值语句:

var x = 10;
var x = 1; var y = 2; // 不建议一行写多个语句!

 

下面的一行代码是一个字符串,但仍然可以视为一个完整的语句:

'Hello, world';

JS的变量、常量和标识符

x=5
y=6
z=x+y

在代数中,我们使用字母(比如 x)来保存值(比如 5)。通过上面的表达式 z=x+y,我们能够计算出 z 的值为 11。在 JavaScript 中,这些字母被称为变量。

那么如何在JS中定义使用变量呢?

1、声明变量时不用声明变量类型. 全都使用var关键字;

var a;<br>a=3;

2、一行可以声明多个变量.并且可以是不同类型

var name="yuan", age=20, job="lecturer";

3、声明变量时 可以不用var. 如果不用var 那么它是全局变量

4、变量命名,首字符只能是字母,下划线,$美元符 三选一,余下的字符可以是下划线、美元符号或任何字母或数字字符且区分大小写,x与X是两个变量 

命名规范:

Camel 标记法
首字母是小写的,接下来的字母都以大写字符开头。例如:
var myTestValue = 0, mySecondValue = "hi";
Pascal 标记法
首字母是大写的,接下来的字母都以大写字符开头。例如:
Var MyTestValue = 0, MySecondValue = "hi";
匈牙利类型标记法
在以 Pascal 标记法命名的变量前附加一个小写字母(或小写字母序列),说明该变量的类型。例如,i 表示整数,s 表示字符串,如下所示“
Var iMyTestValue = 0, sMySecondValue = "hi";

常量和标识符

常量 :直接在程序中出现的数据值

标识符:

  1. 由不以数字开头的字母、数字、下划线(_)、美元符号($)组成
  2. 常用于表示函数、变量等的名称
  3. 例如:_abc,$abc,abc,abc123是标识符,而1abc不是
  4. JavaScript语言中代表特定含义的词称为保留字,不允许程序再定义为标识符 

     

    JS的数据类型

  5.         number     -----  数值
            boolean    -----  布尔值
            string     -----  字符串
            undefined  -----  undefined
            null       -----   null  
          

     数字类型(number)

    • 不区分整型数值和浮点型数值;
    • 所有数字都采用64位浮点格式存储,相当于Java和C语言中的double格式
    • 能表示的最大值是±1.7976931348623157 x 10308
    • 能表示的最小值是±5 x 10 -324  

    整数:
               在JavaScript中10进制的整数由数字的序列组成
               精确表达的范围是
-9007199254740992 (-253) 到 9007199254740992 (253)
               超出范围的整数,精确度将受影响
    浮点数:
               使用小数点记录数据
               例如:3.4,5.6
               使用指数记录数据
               例如:4.3e23 = 4.3 x 1023

    16进制和8进制数的表达:
               16进制数据前面加上0x,八进制前面加0;16进制数是由0-9,A-F等16个字符组成;8进制数由0-7等8个数字组成

               16进制和8进制与2进制的换算:

  6. 2进制: 1111 0011 1101 0100   <-----> 16进制:0xF3D4 <-----> 10进制:62420
    2进制: 1 111 001 111 010 100 <-----> 8进制:0171724

    字符串类型(string)

  7. 是由Unicode字符、数字、标点符号组成的序列;字符串常量首尾由单引号或双引号括起;JavaScript中没有字符类型;常用特殊字符在字符串中的表达;
    字符串中部分特殊字符必须加上右划线\;常用的转义字符 \n:换行 \':单引号 \":双引号 \\:右划线
  8. 布尔类型(boolean)

  9. Boolean类型仅有两个值:true和false,也代表1和0,实际运算中true=1,false=0
    布尔值也可以看作on/off、yes/no、1/0对应true/false
    Boolean值主要用于JavaScript的控制语句,例如:
  10. if (x==1){
          y=y+1;
    }else{
          y=y-1;
          }

    Null & Undefined类型

  11. Undefined类型

    Undefined 类型只有一个值,即 undefined。当声明的变量未初始化时,该变量的默认值是 undefined。

    当函数无明确返回值时,返回的也是值 "undefined";

    Null类型

    另一种只有一个值的类型是 Null,它只有一个专用值 null,即它的字面量。值 undefined 实际上是从值 null 派生来的,因此 ECMAScript 把它们定义为相等的。

    尽管这两个值相等,但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值,null 则用于表示尚未存在的对象(在讨论 typeof 运算符时,简单地介绍过这一点)。如果函数或方法要返回的是对象,那么找不到该对象时,返回的通常是 null。

  12. 运算符

  13. 算术运算符:
        +   -    *    /     %       ++        -- 
    
    比较运算符:
        >   >=   <    <=    !=    ==    ===   !==
    
    逻辑运算符:
         &&   ||   !
    
    赋值运算符:
        =  +=   -=  *=   /=
    
    字符串运算符:
        +  连接,两边操作数有一个或两个是字符串就做连接运算

     

posted @ 2017-07-24 16:46  menglingqian  阅读(170)  评论(0编辑  收藏  举报