JavaScript--1.语言基础

2019-11-02 18:24:28

字体：大中小

来源：转载

供稿：网友

一、javaScript 概述

可以写在任意位置，一般写在<title>下。

1. 在页面中直接嵌入Javascript

<script language="JavaScript">               document.write("你好")       </script>
2. 链接外部JavaScript
<script language="javascript"src="js/1.js"></script>
 
二、JavaScript语言基础
1. JavaScript语法前奏
(1) 执行顺序
   JavaScript程序按照在HTML文件中出现的顺序逐行执行。如果需要在整个HTML文件中执行（如函数、全局变量等），最好将其放在HTML文件的<head>…</head>标记中。某些代码，比如函数体内的代码，不会被立即执行，只有当所在的函数被其他程序调用时，该代码才会被执行。
 
(2) 大小写敏感
    JavaScript对字母大小写是敏感（严格区分字母大小写）的。例如，变量username与变量userName是两个不同的变量
   HTML并不区分大小写。例如，HTML中的事件处理器属性ONCLICK通常被声明为onClick或OnClick，而在JavaScript中只能使用onclick。
 
(3) 每行结尾的分号可有可无
    最好的代码编写习惯是在每行代码的结尾处加上分号，这样可以保证每行代码的准确性。
 
2. 常用的几种JavaScript数据结构
(1)标识符
         第一个字符必须是字母、下划线（-）或美元符号（$），其后的字符可以是字母、数字或下划线、美元符号。
说明：
    数字不允许作为首字符出现，这样JavaScript可以轻易地区别开标识符和数字。
(2)关键字
 
(3)常量
    当程序运行时，值不能改变的量为常量（Constant）。常量主要用于为程序提供固定的和精确的值（包括数值和字符串），比如数字、逻辑值真（true）、逻辑值假（false）等都是常量。声明常量使用const来进行声明。
语法：
const
                   常量名：数据类型=值；
    
(4)变量
 
         对于变量的使用首先必须明确变量的命名规则、变量的声明方法及其变量的作用域。
1> 变量的命名
必须以字母或下划线开头，中间可以是数字、字母或下划线。
 
2> 变量的声明与赋值
         使用变量前需要先声明变量，所有的JavaScript变量都由关键字var声明：
         varvariable;              var a,b,c;
         在声明变量的同时也可以对变量进行赋值：
         varvariable=11;       var i=1;j=2;k=3;
         如果只是声明了变量，并未对其赋值，则其值缺省为undefined。
         var语句可以用作for循环和for/in循环的一部分，这样就使循环变量的声明成为循环语法自身的一部分，使用起来比较方便。
    var语句多次声明同一个变量，如果重复声明的变量已经有一个初始值，那么此时的声明就相当于对变量的重新赋值。
 
3> 变量的作用域
         全局变量是定义在所有函数之外，作用于整个脚本代码的变量；
         局部变量是定义在函数体内，只作用于函数体的变量，函数的参数也是局部性的，只在函数内部起作用。
         用“{”和“}”包装成语句块。
<script language="javascript">    var a;               //该变量在函数外声明，作用于整个脚本代码    function send()       {         a="JavaScript"         var b="语言基础"         //该变量在函数内声明，只作用于该函数体         alert(a+b);        }</script>
 
4>变量的生存期
     全局变量在主程序中定义，其有效范围从其定义开始，一直到本程序结束为止。
         局部变量在程序的函数中定义，其有效范围只有在该函数之中；当函数结束后，局部变量生存期也就结束了。
 
 
3.数据类型
  
转义字符：
         在document.writeln();语句中使用转义字符时，只有将其放在格式化文本块中才会起作用，所以脚本必须在<PRe>和</pre>的标签内。
eg: document.writeln("<pre>");    document.writeln("轻松学习/nJavaScript语言！");    document.writeln("</pre>");
运行结果：
         轻松学习
         JavaScript语言！
 
4.运算符
(1)算术运算符
 
注意：
         如果对负数取模，可以把模数负号忽略不记，如：5%-2=1。但被模数是负数则不可忽略。此外，取模运算的结果不一定总是整数。
         对于除号“/”，它的整数除和小数除是有区别的：整数之间做除法时，只保留整数部分而舍弃小数部分。
         
 
(2)赋值运算符
  
(3)比较运算符
  
(4)字符串运算符
(5)布尔运算符
  
(6)三元(条件)运算符
语法格式如下：
         操作数?结果1:结果2
    如果“操作数”的值为true，则整个表达式的结果为“结果1”，否则为“结果2”。
    例如，判断定义两个变量，值都为10，然后判断两个变量是否相等，如果相等则返回“正确”，否则返回“错误”，代码如下：
<script language="javascript">    var a=10;    var b=10;    alert(a==b)?正确:失败;</script> 
(7)其他运算符
1>位运算符
2>typeof运算符
   typeof运算符返回它的操作数当前所容纳的数据的类型，这对于判断一个变量是否已被定义特别有用。
<script language="javascript">    var a=3;    var b="name";    var c=null;    alert("a的类型为"+(typeof a)+"/nb的类型为"+(typeof b)+"/nc的类型为"+(typeof c));</script>
3>new运算符
通过new运算符来创建一个新对象。
语法：
new constructor[(arguments)]
    constructor：必选项。对象的构造函数。如果构造函数没有参数，则可以省略圆括号。
arguments：可选项。任意传递给新对象构造函数的参数。
    Object1 = new Object;    Array2 = new Array();    Date3 = new Date("August 8 2008");
 
(8)运算符的优先级
 
 
5.JavaScript流程控制语句
 
(1) 条件判断语句
1> if语句
   语法格式如下：
if(expression){
         statement1
}
 
2> if…else语句
if(expression){
         statement1
}else{
         statement2
}
 
3> if…else if语句
         语法格式如下：
if (expression 1){
         statement1
}else if(expression 2){
         statement2
}
…
else{
         statementn+1
}
 
 
 
4> switch语句
    语法格式如下：
switch (expression){
   case judgement 1:
         statement 1;
         break;
…
   case judgement n:
         statement n;
         break;
   default:
        statement n+1;
                   break;
}
         break：用于结束switch语句，从而使JavaScript只执行匹配的分支。如果没有了break语句，则该switch语句的所有分支都将被执行，switch语句也就失去了使用的意义。
 
(2)循环控制语句
 
1> while语句
    while循环语句也称为前测试循环语句，语法格式如下：
while(expression){
         statement
}
 
2> do…while语句
   do…while循环语句也称为后测试循环语句，语法格式如下：
do{
         statement
} while(expression);
 
3> for循环
  for循环语句也称为计次循环语句，一般用于循环次数已知的情况，语法格式如下：
for(initialize;test;increment){
         statement
}