JavaScript

一、JavaScript的历史

  • 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)

  • Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript.

  • 微软随后模仿在其IE3.0的产品中搭载了一个JavaScript的克隆版叫Jscript.

  • 为了统一三家,ECMA(欧洲计算机制造协会)定义了ECMA-262规范.国际标准化组织及国际电工委员会（ISO/IEC）也采纳 ECMAScript 作为标准（ISO/IEC-16262）。从此,Web 浏览器就开始努力将 ECMAScript 作为 JavaScript 实现的基础。虽然期间有着不同程度的失败。

  • 以后我们所说的Javascript其实都是基于ECMAScript标准的。

 二、ECMAScript

  • 尽管 ECMAScript 是一个重要的标准，但它并不是 JavaScript 唯一的部分，当然，也不是唯一被标准化的部分。实际上，一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：
    1. 核心（ECMAScript）
    2. 文档对象模型（DOM）Document object model （整合js,css,html）
    3. 浏览器对象模型（BOM） Broswer object model （整合js和浏览器）

◊Javascript在开发过程中绝大多数情况是基于对象的，也是面向对象的

  • 其中ECMAScript描述了以下内容
  1. 语法
  2. 类型
  3. 语句
  4. 关键字
  5. 保留字
  6. 运算符
  7. 对象

三、JavaScript基础

  1. js的引入方式
    • 直接编写 
      <script>
        alert('hello world')    //一个弹出框
</script>
    • 导入文件
    • <script src="hello.js"></script>       //js文件里就是上边script里的内容
  2. js的变量
    • 声明变量时不用指定类型(和Python一样是弱类型语言)，声明时全部使用var关键字。仅仅是声明。 
      var  a;  //后面要加;  养成一个好习惯。当不使用var时，默认生成一个全局变量
    • 一行可以声明多个并且是不同的类型，以空格或,区分 
      var name="yuan", age=20, job="lecturer";
    • 变量命名,首字符只能是字母,下划线,$美元符 三选一，余下的字符可以是下划线、美元符号或任何字母或数字字符且区分大小写，x与X是两个变量，区分大小写。
    • 命名规范 
      Camel 标记法
首字母是小写的，接下来的字母都以大写字符开头。例如：
var myTestValue = 0, mySecondValue = "hi";
Pascal 标记法
首字母是大写的，接下来的字母都以大写字符开头。例如：
Var MyTestValue = 0, MySecondValue = "hi";
匈牙利类型标记法
在以 Pascal 标记法命名的变量前附加一个小写字母（或小写字母序列），说明该变量的类型。例如，i 表示整数，s 表示字符串，如下所示“
Var iMyTestValue = 0, sMySecondValue = "hi";
      命名规范
  3. 常量和标识符
    • 常量：直接在程序中出现的数据值
    • 标识符：
      1. 由不以数字开头的字母、数字、下划线(_)、美元符号($)组成
      2. 常用于表示函数、变量等的名称
      3. 例如：_abc,$abc,abc,abc123是标识符，而1abc不是
      4. JavaScript语言中代表特定含义的词称为保留字，不允许程序再定义为标识符      

          

  4. js数据类型
    • number　　---------数字类型
    1. NaN数字类型的特殊值, 
      当遇到将字符串转成数字无效时,就会得到一个NaN数据
    • string           ----------字符串
    1. 由Unicode字符、数字、标点符号组成的序列
    • boolean      ----------布尔值
    1. true/false，与数字运算时,按照true=1,false=0计算
    • null
    1. 此类型只有一个值， 即 null，即它的字面量。值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。
    • undefined
    1. 此类型只有一个值，即 undefined。当声明的变量未初始化时，该变量的默认值是 undefined。
    2. 当函数无明确返回值时，返回的也是值 "undefined";

尽管这两个值相等，但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值，null 则用于表示尚未存在的对象。如果函数或方法要返回的是对象，那么找不到该对象时，返回的通常是 null。 

    • 类型之间的转换 
      JavaScript属于松散类型的程序语言
变量在声明的时候并不需要指定数据类型
变量只有在赋值的时候才会确定数据类型
表达式中包含不同类型数据则在计算过程中会强制进行类别转换


数字 + 字符串：数字转换为字符串
数字 + 布尔值：true转换为1，false转换为0
字符串 + 布尔值：布尔值转换为字符串true或false
      View Code
    •  类型的强制转换 
      函数parseInt：   强制转换成整数   例如parseInt("6.12")=6  ; parseInt(“12a")=12 ; parseInt(“a12")=NaN  ;parseInt(“1a2")=1

函数parseFloat： 强制转换成浮点数  parseFloat("6.12")=6.12

函数eval：       将字符串强制转换为表达式并返回结果 eval("1+1")=2 ; eval("1<2")=true
      View Code
    • 类型查看（typeof） 
      函数typeof ：查询数值当前类型
 (string / number / boolean / object )

typeof("test"+3)      "string"
typeof(null)          "object "
typeof(true+1)        "number"
typeof(true-false)    "number" 

 四、ECMAScript运算符

ECMAScript 算数运算符       

 + - * /%          i++     i--   --i      ++i

ECMAScript 逻辑运算符        

  1.  逻辑与运算符&& 
    逻辑 AND 运算的运算数可以是任何类型的，不止是 Boolean 值。

如果某个运算数不是原始的 Boolean 型值，逻辑 AND 运算并不一定返回 Boolean 值：

如果某个运算数是 null，返回 null。 
如果某个运算数是 NaN，返回 NaN。 
如果某个运算数是 undefined，返回undefined。
    例子
  2. 逻辑或运算符  || 
    == “2”        
=== “2”        
!= “4”            
!== “4”        

var a = 2; var b = 4;
var c = a<b | --b>--a;
var c = a<b || --b>--a; 
 var c = a<b &&--b>--a;
var c = a<b & --b>--a;
    例子

ECMAScript 等性运算符       

执行类型转换的规则：

  • 若果一个运算符Boolean,在检查等性前，将其转换为对应数字值。
  • Boolean和Str,--------------->尝试将字符串转换为数字
  • Object和Str,----------------->尝试讲对象转换为字符串
  • Object和number,----------->尝试将对象转换为数字

 其他原则：

  • 值 null 和 undefined 相等。 
  • 在检查相等性时，不能把 null 和 undefined 转换成其他值。 
  • 所有与NaN作比较的都是False,,,,,除了！=
  • 如果两个运算数都是对象，那么比较的是它们的引用值。如果两个运算数指向同一对象，那么等号返回 true，否则两个运算数不等。 

  • 当我们需要判断“5”==5时,js会把str-->num，如果我们不需要转换就需要用  ===  了

ECMAScript 关系运算符       　　

  • > >= < <= != == === !==

　　 按照首字符的ASCII表的顺序来比较大小,

  • var bResult = "Blue" < "alpha";
alert(bResult); //输出 true　
    比较运算符两侧如果一个是数字类型,一个是其他类型,会将其类型转换成数字类型.
比较运算符两侧如果都是字符串类型,比较的是最高位的asc码,如果最高位相等,继续取第二位比较.
    注意

五、控制语句

　　if 　　　　 控制语句      

if(表达式){
语句
}
else if{
语句
}
else{
语句
}
var x =1;
if (x==1){
    y="星期一";
}else if (x==2){
    y="星期二";
...
}else if (x==6){
    y="星期六";
}else if (x==0){
    y="星期日";
}else{
    y="未定义";
例子

　　switch 　　选择控制语句       

switch基本格式
switch (表达式) {
    case 值1:语句1;break;
    case 值2:语句2;break;
    case 值3:语句3;break;
    default:语句4;
}
var x =1;
switch(x){
case 1:y="星期一";    break;
case 2:y="星期二";    break;
case 3:y="星期三";    break;
case 4:y="星期四";    break;
case 5:y="星期五";    break;
case 6:y="星期六";    break;
case 7:y="星期日";    break;
default: y="未定义";
}
例子
首先要看一个问题，if 语句适用范围比较广，只要是 boolean 表达式都可以用 if 判断；而 switch 只能对基本类型进行数值比较。两者的可比性就仅限在两个基本类型比较的范围内。
说到基本类型的数值比较，那当然要有两个数。然后重点来了——
if 语句每一句都是独立的，看下面的语句：
if (a == 1) ...
else if (a == 2) ...
这样 a 要被读入寄存器两次，1 和 2 分别被读入寄存器一次。于是你是否发现其实 a 读两次是有点多余的，在你全部比较完之前只需要一次读入寄存器就行了，其余都是额外开销。但是 if 语句必须每次都把里面的两个数从内存拿出来读到寄存器，它不知道你其实比较的是同一个 a。
于是 switch case 就出来了，把上面的改成 switch case 版本：
switch (a) {
        case 0:
                break;
        case 1:
}
                
总结:

1.switch用来根据一个整型值进行多路分支，并且编译器可以对多路分支进行优化
2.switch-case只将表达式计算一次,然后将表达式的值与每个case的值比较,进而选
  择执行哪一个case的语句块
3.if..else 的判断条件范围较广，每条语句基本上独立的，每次判断时都要条件加载
  一次。
所以在多路分支时用switch比if..else if .. else结构要效率高。
switch比else if结构更加简洁清晰，使程序可读性更强,效率更高。

　　for 　　　　循环控制语句　   

for循环基本格式
for (初始化;条件;增量){
    语句1;
    ...
}
功能说明
实现条件循环，当条件成立时，执行语句1，否则跳出循环体
for (var i=1;i<=7;i++){
    document.write("<H"+i+">hello</H "+i+"> ");
    document.write("<br>");
}　　　　　　　　　　　　//这种方法是js提供的。
----------------------------------------------
    var arr=[1,"hello",true]
    for (var i in arr){
        console.log(i)
        console.log(arr[i])
    }　　　　　　　　　　//这种方法是python的，在某些情况下会出现意想不到的情况。　　　　　　　　
doms=document.getElementsByTagName("p");

    for (var i in doms){
       console.log(i);
    }然而我们在html里没有标签，但我们会看到有3项，这就是两者的区别。一般我们用第一种方法。

 

  　　while　　循环控制语句     

while循环基本格式
while (条件){
语句1；
...
}
功能说明
运行功能和for类似，当条件成立循环执行语句花括号{}内的语句，否则跳出循环
与For类似

　　异常处理　　　　　　       

try {
    //这段代码从上往下运行，其中任何一个语句抛出异常该代码块就结束运行
    //throw Rrror('xxxx')主动抛出异常
}
catch (e) {
    // 如果try代码块中抛出了异常，catch代码块中的代码就会被执行。
    //e是一个局部变量，用来指向Error对象或者其他抛出的对象
}
finally {
     //无论try中代码是否有异常抛出（甚至是try代码块中有return语句），finally代码块中始终会被执行。
}
View Code

 

posted @ 2018-04-22 21:54  慕沁  阅读(211)  评论(0)    收藏  举报