JS基础整理，入个门。

1、JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据：
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台


2、js语法
（1）JavaScript 字面量[常量]
在编程语言中，一般固定值成为字面量，如 3.14。
数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。
字符串（String）字面量 可以使用单引号或双引号:
数组（Array）字面量 定义一个数组：[40, 100, 1, 5, 25, 10]
对象（Object）字面量 定义一个对象：{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函数（Function）字面量 定义一个函数：function myFunction(a, b) { return a * b;}


（2）JavaScript 变量
在编程语言中，变量用于存储数据值。
JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值：


/*js关键字*/
abstract else instanceof super
boolean enum int switch
break export interface synchronized
byte extends let this
case false long throw
catch final native throws
char finally new transient
class float null true
const for package try
continue functionprivate typeof
debugger goto protected var
default if public void
delete implementsreturn volatile
do import short while
double in static with




/*语句标识符（保留关键字）*/
语句 描述
break 用于跳出循环。
catch 语句块，在 try 语句块执行出错时执行 catch 语句块。
continue 跳过循环中的一个迭代。
do ... while 执行一个语句块，在条件语句为 true 时继续执行该语句块。
for 在条件语句为 true 时，可以将代码块执行指定的次数。
for ... in 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
function 定义一个函数
if ... else 用于基于不同的条件来执行不同的动作。
return 退出函数
switch 用于基于不同的条件来执行不同的动作。
throw 抛出（生成）错误 。
try 实现错误处理，与 catch 一同使用。
var 声明一个变量。
while 当条件语句为 true 时，执行语句块。


/*JavaScript 数据类型*/
/*---------------------------------------------------------------------------------------------*/
字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)
空（Null）、未定义（Undefined）7种数据类型


JavaScript 拥有动态类型
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：
实例
var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "John";      // 现在 x 为字符串
/*---------------------------------------------------------------------------------------------*/






/*JavaScript 数组*/
/*---------------------------------------------------------------------------------------------*/
创建名为 cars 的数组：
var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";


或者 (condensed array):
var cars=new Array("Saab","Volvo","BMW");


或者 (literal array):
var cars=["Saab","Volvo","BMW"];
/*---------------------------------------------------------------------------------------------*/






/*JavaScript 对象*/
/*---------------------------------------------------------------------------------------------*/
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。
属性由逗号分隔：
var person={firstname:"John", lastname:"Doe", id:5566};
上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id
空格和折行无关紧要。声明可横跨多行：
var person={
firstname : "John",
lastname  : "Doe",
id        :  5566
};


对象属性有两种寻址方式：
name=person.lastname;
name=person["lastname"];


声明变量类型
当您声明新变量时，可以使用关键词 "new" 来声明其类型：
var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;


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


/*JavaScript 对象*/
/*---------------------------------------------------------------------------------------------*/
JavaScript 对象是拥有属性和方法的数据。
在 JavaScript中，几乎所有的事物都是对象。
在 JavaScript 中，对象是非常重要的，当你理解了对象，就可以了解 JavaScript


为变量 car 设置值为 "Fiat" :
var car = "Fiat";


对象也是一个变量，但对象可以包含多个值（多个变量）。
var car = {type:"Fiat", model:500, color:"white"};
在以上实例中，3 个值 ("Fiat", 500, "white") 赋予变量 car。
在以上实例中，3 个变量 (type, model, color) 赋予变量 car。
JavaScript 对象是变量的容器。
/*---------------------------------------------------------------------------------------------*/


/*对象方法*/
/*---------------------------------------------------------------------------------------------*/
对象的方法定义了一个函数，并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。
实例访问 person 对象的 fullName() 方法:
name = person.fullName();


/*JavaScript 函数语法*/
函数就是包裹在花括号中的代码块，前面使用了关键词 function：
function functionname()
{
执行代码
}
当调用该函数时，会执行函数内的代码。
可以在某事件发生时直接调用函数（比如当用户点击按钮时），
并且可由 JavaScript 在任何位置进行调用。
/*---------------------------------------------------------------------------------------------*/


/*调用带参数的函数*/
/*---------------------------------------------------------------------------------------------*/
在调用函数时，您可以向其传递值，这些值被称为参数。
这些参数可以在函数中使用。
可以发送任意多的参数，由逗号 (,) 分隔：
myFunction(argument1,argument2)
当声明函数时，请把参数作为变量来声明：
function myFunction(var1,var2)
{
代码
}
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。


<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job){
    alert("Welcome " + name + ", the " + job);
}
</script>


函数很灵活，您可以使用不同的参数来调用该函数，这样就会给出不同的消息：
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<button onclick="myFunction('Bob','Builder')">点击这里</button>
/*---------------------------------------------------------------------------------------------*/