JS基础 #第一天

目录

一、js体验

二、js编写的位置

三、基本语法

四、字面量和变量

五、标识符

---

一、js体验

首先咱们来体验一下js。

 <script>
    // 在页面弹出一个内容
    alert("出不出来");

    // 在页面输出一个内容
    document.write("从哪出来");

    // 在控制台打印一个内容
    console.log("我出来啦");
    
    // 注：js代码从上往下依次执行
  </script>

二、js编写的位置

1.可以将js代码编写到标签的onclick属性中。(了解)

 <button onclick = "alert('点你')">按钮</button>

2.可以将js代码写在超链接的href属性中。

<a href="javascript:alert('点你点我')">点我</a>

3.可以将js代码写到script标签中。

<script>
    alert("我是内部script中的代码");
</script>

4.可以将js代码写到外部，用script标签引入。写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制。  注：script标签一旦用于引入外部文件了，就不能在里面编写代码了，即使编写了浏览器也会忽略。  如果需要则可以再创建一个新的script标签用于编写内部代码。

<script src="./03-外部js.js"></script>

三、基本语法

 1.注释

 (1)单行注释：//。

 (2)多行注释： /* */。

2.js中严格区分大小写。

3.js中每一条语句以分号;结尾。如果不写分号，浏览器会自动添加，但是会消耗一些资源，并且会加错分号。

4.js中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化。

四、字面量和变量

1.字面量：是不可改变的值，如：1 2 3 4 5。字面量可以直接使用，但是我们一般不直接使用。

2.变量：可以用来保存字面量，变量的值可以任意改变。

(1)声明变量：在js中使用var关键字来声明一个变量。

var a;

(2)为变量赋值。

a = 34;
console.log(a); // 34

声明变量并赋值可以直接写为：

var a = 34；
console.log(a); // 34

五、标识符

        在JS中所有的可以由我们自主命名的名字，例如:变量名、函数名、属性名都属于标识符。命名一个标识符时需要遵守如下的规则:

      1.标识符中可以含有字母、数字、下划线_、$。

      示例：

var a_12$ = 23;
console.log(a_12$); // 23

      2.标识符不能以数字开头。

      错误示例：

var 2a = 21;

      3.标识符不能是关键字或保留字。

      错误示例：

var if = 123;

      4.标识符一般都采用驼峰命名法，如：helloWorld；也可以全部小写，用下划线连接每个单词，如：first_name (规范)。

示例：

var helloWorld = 12;
var first_name = 'kobo';

中文也可以用来保存变量，但是不会这样使用。

示例：

var 哈哈哒 = 3;
console.log(哈哈哒); // 3