Java的运行环境
如果要少量运行JavaScript代码，最简单的方式就是打开浏览器的Web开发者工具（按F12、Ctrl+Shift+I），然后选择Console标签页；之后就可以在提示符后面输入代码，并在输入的同时看到结果。
在 HTML 页面中直接使用，需要使用 <script> 标签包装。
<script>和</script>会告诉JavaScript在何处开始和结束。浏览器会解释并执行位于<script>和</script>之间的JavaScript代码 。
</script>脚本可被放置在HTML页面的<body>和<head>部分中，或者同时存在两部中；通常的做法是把函数放入<head>部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
在外部编写JavaScript脚本的js文件，HTML文件在使用时，在<script>标签的"src"属性中设置该.js文件。
<script src="myScript.js"></script>
注意：可以将脚本放置于<head>或者<body>中，放在<script>标签中的脚本与外部引用的脚本运行效果完全一致。
<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>
基础知识
基础类型
值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol（独一无二的值）。
引用数据类型：对象(Object)、数组(Array)、函数(Function)。
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型。
下面的例子中，x在声明时，没有指定初始值，则是默认的的未定义值（Undefined）
var x; // x 为 undefined
var x = 5; // 现在 x 为数字
var x = "John"; // 现在 x 为字符串
Undefined这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
字符串-String
字符串是存储字符的变量，是String类型，在声明时可以使用let或var根据变量所收到赋值来确定具体变量类型，也可以在变量声明时指定变量类型，例如var carname=new String。
字符串可以是引号中的任意文本，是成对的单引号或者是双引号包裹的字符串；
当引号包裹的字符串内有引号时，要么使用另外一种引号（单引号或者双引号），要么采用转义符‘\’表面后面是一个特殊字符；
var carname1="Volvo XC60";
var carname2='Volvo XC60';
var answer1='It\'s alright';
var answer2="He is called \"Johnny\"";
var answer3='He is called "Johnny"';
数字-Number
JavaScript不同于C++，JavaScript只有一种数字类型，可以看做是int和double的合体；数字可以带小数点，也可以不带，极大或极小的数字可以通过科学（指数）计数法来书写。
使用var x= new Number来定义x，x的初始值为0；
var x1=34.00; // =>34
var x2=34; // =>34
var y=123e5; // =>12300000
var z=123e-5; // =>0.00123
布尔类型-Boolean
布尔（逻辑）只能有两个值：true 或 false。
使用var x= new Boolean来定义x，x的初始值为false；
数组-Array
数组内元素类型不是统一类型，可以各不相同，可以是字符串，数字，布尔的任意类型；
同其他语言一样，数组下标是从零开始的；
var cars = new Array();
cars[0] = "Saab";
cars[1] = 12;
cars[2] = true;
// 或者
var cars=new Array("Saab",12,false);
输出结果为Saab，12，false；
对象-Object
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔。
JavaScript是动态语言，对象中的属性可以随时增加和删除；
var person=
{
firstname : "John",
lastname : "Doe",
id : 5566
};
person["myname"]="liu";
注意：JavaScript 变量均为对象。当声明一个变量时，就创建了一个新的对象。
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
变量
JavaScript和其他语言不同之处是：变量必须以字母开头，变量也能以$和_符号开头（不过我们不推荐这么做），变量名称对大小写敏感（y 和 Y 是不同的变量）；
var
在ES6之前的JavaScript中，声明变量的唯一方式是使用var关键字，无法声明常量。
var声明语句声明一个变量，并可选地将其初始化为一个值，默认值为undefined。
变量声明，无论发生在何处，都在执行任何代码之前进行处理。用 var 声明的变量的作用域是它当前的执行上下文，它可以是嵌套的函数，或者对于声明在任何函数外的变量来说是全局。如果你重新声明一个 JavaScript 变量，它将不会丢失其值。
当赋值给未声明的变量, 则执行赋值后, 该变量会被隐式地创建为全局变量（它将成为全局对象的属性）。
未声明变量是指没有使用var显示声明变量的变量；
b= 10;
声明变量和未声明变量之间的差异是：
1. 声明变量的作用域限制在其声明位置的上下文中，而非声明变量总是全局的。
function x() {
y = 1; // 在严格模式（strict mode）下会抛出 ReferenceError 异常
var z = 2;
}
x();
console.log(y); // 打印 "1"
console.log(z); // 抛出 ReferenceError: z 未在 x 外部声明
2. 声明变量在任何代码执行前创建，而非声明变量只有在执行赋值操作的时候才会被创建。
console.log(a); // 抛出ReferenceError。
console.log('still going...'); // 打印"still going..."。
var a;
console.log(a); // 打印"undefined"或""（不同浏览器实现不同）。
console.log('still going...'); // 打印"still going..."。
3. 声明变量是它所在上下文环境的不可配置属性，非声明变量是可配置的（如非声明变量可以被删除）。
var a = 1;
b = 2;
delete this.a; // 在严格模式（strict mode）下抛出TypeError，其他情况下执行失败并无任何提示。
delete this.b;
console.log(a, b); // 抛出ReferenceError。
// 'b'属性已经被删除。
由于这三个差异，未能声明变量将很可能导致意想不到的结果。因此，建议始终声明变量，无论它们是在函数还是全局作用域内。 而且，在 ECMAScript 5 严格模式下，分配给未声明的变量会引发错误。
let
let语句声明一个块级作用域的本地变量，并且可选的将其初始化为一个值。
let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。与var关键字不同的是，var声明的变量只能是全局或者整个函数块的。 var和let的不同之处在于后者是在编译时才初始化。
let声明的变量只在其声明的块或子块中可用，这一点，与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。
function varTest() {
var x = 1;
{
var x = 2; // 同样的变量!
console.log(x); // 2
}
console.log(x); // 2
}
function letTest() {
let x = 1;
{
let x = 2; // 不同的变量
console.log(x); // 2
}
console.log(x); // 1
}
JavaScript 中，var关键字定义的变量可以在使用后声明，也就是变量可以先使用再声明。
let关键字定义的变量则不可以在使用后声明，也就是变量需要先声明再使用。
const
const声明一个只读的常量，一旦声明，常量的值就不能改变。
const定义常量与使用let 定义的变量相似：
1.二者都是块级作用域；
2.都不能和它所在作用域内的其他变量或函数拥有相同的名称；
函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
函数就是包裹在花括号中的代码块，前面使用了关键词function：
参数列表中参数不用指定参数类型；
function functionname(argument1,argument2)
{
// 执行代码
return;
}
可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。
局部 JavaScript 变量
在JavaScript函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。
您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕，本地变量就会被删除。
全局 JavaScript 变量
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function myFunction(a,b){
return a*b+b;
}
</script>
</head>
<body>
<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>
</html>
102
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
