JavaScript 入门基础-原创手记-慕课网

JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中.
由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。

(1) 变量

(2) 关键字，保留字

(3) 数据类型

(4) 逻辑判断语句

(5) 函数

(1) JavaScript 变量
1.代码:
由于js是弱类型语言，定义变量时，不能指定类型，只能使用var
<html> // document是内置对象
<body>
<script>
var x=2;
var y=3;
var z=2+3;
z='xxx';
document.write(x + "<br />");
document.write(y + "<br />");
document.write(z + "<br />");
</script>
</body>
</html>

2.注意:
1）变量名区分大小写
2）变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。

3.命名规则：
1）变量必须使用字母、下划线()或者美元符($)开始。
2）可以使用任意多个英文字母、数字、下划线()或者美元符($)组成。
3）不能使用JavaScript关键词与JavaScript保留字。

4.生命周期：
1）局部变量作用域局部，函数运行完毕即删除，
2）全局变量，网页上的所有脚本和函数都能访问它。
3）未声明的变量自动作为全局变量声明。即使它在函数内执行。且并不会赋值

(2) 关键字，保留字

ECMAScript的全部关键字（带号上标的是第5 版新增的关键字）：
break do instanceof typeof
case else new var
catch finally return void
continue for switch while
debugger function this with
default if throw delete
in try

第5 版把在非严格模式下运行时的保留字缩减为下列这些：
class enum extends super
const export import

在严格模式下，第5 版还对以下保留字施加了限制：
implements package public interface
private static let protected
yield

(3) 数据类型

JavaScript 变量均为对象。当您声明一个变量，就创建了一个新的对象。

数据类型有: 字符串、数字、布尔、数组、对象、Null、Undefine
var x // x 为 undefined
var x = 6; // x 为数字
var x = "Bill"; // x 为字符串
JavaScript 字符串

字符串可以是引号中的任意文本。您可以使用单引号或双引号：
var carname="Bill Gates";
var carname='Bill Gates';
您可以在字符串中使用引号，只要不匹配包围字符串的引号即可：
var answer="Nice to meet you!";
var answer="He is called 'Bill'";
var answer='He is called "Bill"';

JavaScript 数字

JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：
var x1=34.00; //使用小数点来写
var x2=34; //不使用小数点来写
极大或极小的数字可以通过科学（指数）计数法来书写：
var y=123e5; // 12300000
var z=123e-5; // 0.00123

JavaScript 数组

创建名为 cars 的数组：
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者 (condensed array):
var cars=new Array("Audi","BMW","Volvo");
或者 (literal array):
var cars=["Audi","BMW","Volvo"];
数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推。

JavaScript 对象

对象由花括号分隔。在括号内部，
对象的属性以键值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:"Bill", lastname:"Gates", id:5566};
上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。
空格和折行无关紧要。声明可横跨多行：
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
对象属性有两种寻址方式：
name=person.lastname;
name=person["lastname"];

Undefined 和 Null

Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
cars=null;
person=null;

(4) 逻辑判断语句
If - else语句

if (time<10)
{
x="Good morning";
}
else if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
注意：请使用小写的 if。使用大写字母（IF）会生成 JavaScript 错误！
Switch 语句

var day=new Date().getDay();
switch (day)
{
case 0:
x="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
default:
x="Today it's Wednesday";
break;
}
循环语句

JavaScript 支持不同类型的循环：
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块
for (var i=0; i<5; i++)
{
x=x + "The number is " + i + "<br>";
}
for/in 语句循环遍历对象的属性：
var person={fname:"John",lname:"Doe",age:25};

for (x in person)
{
txt=txt + person[x];
}
while (i<5)
{
x=x + "The number is " + i + "<br>";
i++;
}
do
{
x=x + "The number is " + i + "<br>";
i++;
}
while (i<5);

(5) 函数（有无参数，有无返回值）
函数就是包裹在花括号中的代码块，使用了关键词 function：
<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>

<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<button onclick="myFunction('Bob','Builder')">点击这里</button>
提示：JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数调用</title>
<script type="text/javascript">
function sum(){
var x=2;var y=3;var z=x+y;
document.write(x + "<br />");
document.write(y + "<br />");
document.write(z + "<br />");
}
alert(sum);
</script>
</head>
<body>
<form>
<input type="button" value="点击我" onclick="sum()"/>
</form>
</body>
</html>