ECMAScript
尽管 ECMAScript 是一个重要的标准，但它并不是 JavaScript 唯一的部分，当然，也不是唯一被标准化的部分。实际上，一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：

核心（ECMAScript）
文档对象模型（DOM） Document object model (整合js，css，html)
浏览器对象模型（BOM） Broswer object model（整合js和浏览器）
Javascript 在开发中绝大多数情况是基于对象的.也是面向对象的.

简单地说，ECMAScript 描述了以下内容：

语法
类型
语句
关键字
保留字
运算符
对象 (封装 继承 多态) 基于对象的语言.使用对象.

JavaScript的引入方式

{#1 直接编写#}
    <script>
        alert('hello yuan')
    </script>
{#2 导入文件#}
    <script src="hello.js"></script>　　

二 JavaScript的基础
2.1 变量

x=5
y=6
z=x+y

在代数中，我们使用字母（比如 x）来保存值（比如 5）。

通过上面的表达式 z=x+y，我们能够计算出 z 的值为 11。

在 JavaScript 中，这些字母被称为变量。

0 变量是弱类型的(很随便)；

1 声明变量时不用声明变量类型. 全都使用var关键字;

var a;

2 一行可以声明多个变量.并且可以是不同类型.

var name="yuan", age=20, job="lecturer";

3 (了解) 声明变量时 可以不用var. 如果不用var 那么它是全局变量.

4 变量命名,首字符只能是字母,下划线,$美元符 三选一，且区分大小写，x与X是两个变量

5 变量还应遵守以下某条著名的命名规则：

Camel 标记法
首字母是小写的，接下来的字母都以大写字符开头。例如：
var myTestValue = 0, mySecondValue = "hi";
Pascal 标记法
首字母是大写的，接下来的字母都以大写字符开头。例如：
Var MyTestValue = 0, MySecondValue = "hi";
匈牙利类型标记法
在以 Pascal 标记法命名的变量前附加一个小写字母（或小写字母序列），说明该变量的类型。例如，i 表示整数，s 表示字符串，如下所示“
Var iMyTestValue = 0, sMySecondValue = "hi";

注意：

function func1(){
        
        var a = 123;
        b=456
    }

    func1();
    
//    alert(a);
//    alert(b);
// 不推荐

2.2 基础规范
1 每行结束可以不加分号. 没有分号会以换行符作为每行的结束

a=1;b=2;
a=1 b=2;------错误

a=1
b=2

//推荐
a=1;
b=2;

{
 a=1;
 b=2;
    //推荐加tab
    a=1;
    b=2;
}

2 注释 支持多行注释和单行注释. /* */ //

3 使用{}来封装代码块

2.3 常量和标识符
常量 ：直接在程序中出现的数据值

标识符：

由不以数字开头的字母、数字、下划线(_)、美元符号($)组成
常用于表示函数、变量等的名称
例如：_abc,$abc,abc,abc123是标识符，而1abc不是
JavaScript语言中代表特定含义的词称为保留字，不允许程序再定义为标识符

 

 

 

通过pycharm新建js_lesson.html（换行符之间代表结束标志）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<script>
var a=1
var b=3
    alert(a)
    alert(b)
</script>

</body>
</html>

点击pycharm上面浏览器

修改js_lesson.html文件（写一行需要通过;分号隔开）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<script>
var a=1; var b=3;
    alert(a)
    alert(b)
</script>

</body>
</html>

修改js_lesson.html文件（一个var声明多个变量）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<script>
var a=1, b=3;
    alert(a)
    alert(b)
</script>

</body>
</html>

点击pycharm上面浏览器

修改js_lesson.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<script>
var a=1, b=3;
var s="hello";
var f=3.2;
// alert(a)
// alert(b)
// alert(s)
// alert(f)

console.log(a);
console.log(b);
console.log(s);
console.log(f);
</script>

</body>
</html>

点击pycharm上面浏览器（点击开发者工-->Console）

修改js_lesson.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<script>
var a=1, b=3;
var s="hello";
var f=3.2;
// alert(a)
// alert(b)
// alert(s)
// alert(f)

// console.log(a);
// console.log(b);
// console.log(s);
// console.log(f);

document.write(a);
document.write(b);
document.write(s);
document.write(f);
</script>

</body>
</html>

点击pycharm上面浏览器

修改js_lesson.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<script>
var a=1, b=3;
var s="hello";
var f=3.2;
// alert(a)
// alert(b)
// alert(s)
// alert(f)

// console.log(a);
// console.log(b);
// console.log(s);
// console.log(f);

// ---------------------尽量加缩进---------------------
{
    var a=1, b=3;
    var s="hello";
}
// 注释方式：
    // 1 //
    // console.log(a);
    // console.log(b);
    // console.log(s);
    // console.log(f);
    // 2 /* */
    /*console.log(a);
    console.log(b);
    console.log(s);
    console.log(f);*/
</script>

</body>
</html>