JavaScript 与ES6_javascript比es6容易很多把-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44739668/article/details/104827968

基本介绍

JavaScript 简称 JS

JavaScript 是一种适用于网页的脚本语言！

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies等更多的应用。

JavaScript 是因特网上最流行的脚本语言。

JavaScript 很容易使用！认识她, 爱上她！

浏览器内置了JavaScript语言的解释器，所以在浏览器上按照 JavaScript 语言的规则编写相应代码，浏览器就可以解释并做出相应的处理.

二、如何在 HTML 中使用 JavaScript 的代码和编写 JavaScript 代码

1. 引入方式：

<!-- 方式一 :从一个文件引入-->
<script src="JS文件的路径.js"></script>
 
<!-- 方式二: 直接在 HTML 文档中代中写入 JS 代码 -->
<script type="text/javascript">
    var li = "Hello 千锋云计算好程序员"
</script>

2. 应该在 html 文档的哪个位置引入

由于Html代码是从上到下执行，为了不影响用户的体验效果,应该放在 body 标签的底部;

这样的话,即使由于加载js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。

<!DOCTYPE html>  <!--HTML5文档标识-->
<html lang="en">
<head> 
</head>
<body>  
    <div>
       页面内容
    </div>
    
</body>
    <!-- 引入的方式一 -->
    <script src="my_javascript.js"></script>
    
    <!-- 引入的方式二 -->
    <script>
        js 代码
    </script>
</html>

let 和 const 声明的变量

let 声明的变量只在它所在的代码块有效，在同一个代码块(作用域)下，不可以重复声明，可以被重新赋值。

const 声明的常量只在它所在的代码块有效，在同一个代码块(作用域)下，不可以重复声明，并且不可以被重新赋值(基本类型的数据)。

下面的示例是在 node 的终端中执行的结果。

let 示例：

此代码是在 node 交互终端中运行的结果。

> { let num = 10;
... num = 100;
... console.log("又得" + num);
... }
又得100
undefined
> num
ReferenceError: num is not defined

for循环的计数器，就很合适使用let命令。

for (let i = 0; i < 10; i++) {
      console.log(i);
}

console.log("在代码块外面打印的变量 i 将会报错")
console.log(i);
// ReferenceError: i is not defined

const 示例

const 主要用于定义一个作用域中的常量，就是这个变量可以在自己的代码块儿中使用，但其值不能被修改。
这个作用域可以全局作用域，也可以是函数作用以及局部作用域。

//对于基本类型，值不能改变
const s = "千锋云计算";
s = "好程序员";  // TypeError: Assignment(分配) to constant(常量) variable.

//对于引用类型，
const obj = {x: 0};
obj = {y: '123'};  // TypeError: Assignment to constant variable.
obj.x = '123';     //obj存储的是一个地址，地址不能变，但对象本身是可变的

JavaScript 与ES6

基本介绍

二、如何在 HTML 中使用 JavaScript 的代码 和 编写 JavaScript 代码

1. 引入方式：

2. 应该在 html 文档的哪个位置引入

let 和 const 声明的变量

二、如何在 HTML 中使用 JavaScript 的代码和编写 JavaScript 代码