javascript 基础知识汇总（一）

时间：2019-08-29 16:47:28 阅读：56 评论：0 收藏：0 [点我收藏+]

1、<script> 标签

1）可以通过<script> 标签将javaScript 代码添加到页面中（type 和language 属性不是必须的）

2）外部的脚本可以通过 <script src="path/*.js" > </script> 这种方式插入

示例1：

<!DOCTYPE HTML>
<html>
<body>
  <p>script 标签之前...</p>
  <script>
    alert(‘Hello, world!‘);
  </script>
  <p>...script 标签之后</p>
</body>
</html>

示例2：

js 文件和html分开

//js代码 js文件名位hello.js 路径位 path/hello.js
alert(‘hello‘)


html代码
<!DOCTYPE HTML>
<html>
<body>

<script src="path/hello.js"> </script>
  
</body>

</html>

2、代码结构

语句：语句是执行操作的语法结构和命令

分号：多数情况下，当一个分行符（line break) 存在时，分号可以省略

alert(‘hello‘)
alert(‘world‘)
//此处 JavaScript 将分行符解释成“隐式” 的分号。这也被成为自动分号插入

不被解释成分号的例子

alert(3+
1
+3);
//1后面不会被解释成分号

错误举例

alert("There will be an error") //此处无分号
[1,2].forEach(alert)
//这样会运行错误， 因为javascript 不会在 [] 前自动加隐式分号
alert("this is right");
[1,2].forEach(alert)
//运行正确

注释

//这样是单行注释

/* 这样是多行注释
     注意多行注释不能嵌套多行注释
*/

3、现代模式，“use strict"

　　”use strict" 指令将浏览器引擎转换位“现代模式”

　　严格模式通过将“use strict" 放置在整个脚本或函数的顶部来启用一些新语言特性诸如 “classes” 和 “modules” 也会自动开启严格模式。

　　所有浏览器支持现代模式

4、变量

　　变量的作用是用来存储信息；

　　声明变量的方式通过 var 、let 、const

　　var 是旧时的命名方式；let 为新时代的命名方式；差别放在以后介绍。

　　const 用来定义常量，此关键字定义出来的常量不可更改

　　变量命名规则：1、变量名称必须仅包含字母，数字，符号 $ 和 _。2、首字符必须非数字。

　　示例

let name1="xiaoming"; 
let _ ="xiaohong";
let $="xiaozhang";
//以上命名都是正确的
let 123Name="test" //此处命名是错误的
const MAX =1000; //
MAX=2;//错误，const 定义的值是不可更改的
//不能使用关键字当做变量名 let var ="2" //错误

//变量命名 一定要规范，规范的命名方式可以提高代码的可读性