初识JavaScript

初识JavaScript

1.JavaScript 简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备

注意：

• HTML 中的 Javascript 脚本代码必须位于 <script>与 </script>标签之间

• <script>与 </script>之间的代码行包含了JavaScript

• Javascript 脚本代码可被放置在 HTML 页面的 <body>和 <head> 部分中，通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容

• 也可以把脚本保存到外部文件中，外部文件通常包含被多个网页使用的代码

  外部 JavaScript 文件的文件扩展名是 .js

  如需使用外部文件，则需要在 <script> 标签的 “src” 属性中设置该 .js 文件：

  <!DOCTYPE html>
  <html> 
  <body>
  <script src="myScript.js"></script> 
  </body> 
  </html>
  

2.JavaScript 语句

JavaScript 语句是发给浏览器的命令，这些命令的作用是告诉浏览器要做的事情：

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好"
document.getElementById("demo").innerHTML = "你好"; 

2.1分号

• 分号用于分隔 JavaScript 语句
• 通常我们在每条可执行的语句结尾添加分号
• 使用分号的另一用处是在一行中编写多条语句

2.2代码块

• JavaScript 可以分批地组合起来
• 代码块以左花括号开始，以右花括号结束

2.3语句标识符

• JavaScript 语句通常以一个 语句标识符为开始，并执行该语句

• 语句标识符是保留关键字不能作为变量名使用
  

3.JavaScript注释

• 单行注释以 // 开头
• 多行注释以 /* 开始，以 */结尾

注：我们可以通过将某一行的代码进行注释以完成我们调试代码的目的

4.JavaScript 变量

4.1变量规则

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头
• 变量名称对大小写敏感

4.2变量声明

在 JavaScript 中创建变量通常称为"声明"变量，我们使用 var 关键词来声明变量：

var carname;

如需向变量赋值，则使用等号：

carname="Volvo";

我们也可以在声明变量时对其进行赋值：

var carname="Volvo";

5.JavaScript 数据类型

5.1数据类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol

引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）

5.2变量类型声明

在声明新变量时，通常使用new来声明变量的类型：

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

5.3基本数据类型

5.3.1字符串

• 字符串是存储字符的变量
• 字符串可以是引号中的任意文本，可以使用单引号或双引号

5.3.2数字

• JavaScript 只有一种数字类型
• 数字可以带小数点，也可以不带
• 极大或极小的数字可以通过科学（指数）计数法来书写

5.3.3布尔

布尔有两个值：true 或 false

5.3.4数组

数组的创建可以先声明数组名，再添加数组的值，如:

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

也可以直接在声明时直接添加：

var cars=new Array("Saab","Volvo","BMW");

直接添加时要注意的是数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推

5.3.5对象

对象由花括号分隔，在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义，属性由逗号分隔：

var person={firstname:"John", lastname:"Doe", id:5566};

5.3.6Undefined 和 Null

• Null：
  • 特指对象的值未设置，是表示缺少的标识，指示变量未指向任何对象，可以看做尚未创建的对象
  • 是一个字面量，不是全局对象的一个属性
  • 在布尔运算中被认为是 false
• Undefined：
  • 表示 “缺少值”，就是此处应该有一个值，但是还没有定义
  • 是 JavaScript 在运行时创建的全局变量，是全局对象的一个属性
  • 在布尔运算中被认为是 false

6.JavaScript 函数

6.1简单函数

在jsp中，我们通常使用function来调用函数：

function functionname()
{
    // 执行代码
}

6.2带有参数的函数

在调用函数时，可以向其传递值，这些值被称为参数

这些参数可以在函数中使用

可以发送任意多的参数，由逗号 (,) 分隔：

function myFunction(var1,var2)
{
     //执行代码
}

要注意的是，参数的传递顺序即为变量本身的顺序

6.3带有返回值的函数

当我们需要函数将值返回调用它的地方，通过使用 return 语句就可以实现

在使用 return 语句时，函数会停止执行，并返回指定的值

function myFunction()
{
    var x=5;
    return x;
}

//执行代码

}

要注意的是，参数的传递顺序即为变量本身的顺序

### 6.3带有返回值的函数

当我们需要函数将值返回调用它的地方，通过使用 return 语句就可以实现

在使用 return 语句时，函数会停止执行，并返回指定的值

function myFunction()
{
var x=5;
return x;
}

以上即为jsp中较为基础的语法知识，如果想要了解更多，可参考传送门