JavaScript基础

2022-06-12 13:14:40

一、js编写位置

1、行内嵌入式

可以将js代码编写到button标签的onclick属性中，当我们点击按钮时，js代码才会运行。

 <button onclick="alert('Hello World');">点击</button>

可以将js代码编写在超链接a的href属性中，当点击超链接时，执行js代码。

<a href="javascript:alert('Hello World');">点击</a>

虽然可以写在标签的属性中，但是结构与行为耦合，不方便维护，不推荐使用。

2、页内嵌入式

编写在script标签中，直接显示

    <script>
        alert("Hello World");
    </script>

3、外链式

编写到外部js文件（.js）中，通过script标签引入

<script src="./script.js"></script>

写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制，推荐使用的方式。

注：
script标签一旦用来引入外部js文件，再编写代码会被浏览器忽略，如果需要再编写代码，需要重新创建一个script标签。

    <script src="./script.js"></script>
    <script>
        alert("Hello World");
    </script>

二、js注释

注释中的内容不会被执行，但是可以在源代码中查看
多行注释

  /*
      注释。。。
      注释。。。
      注释。。。
  */

单行注释

// 单行注释

三、js几个基本概念

1、书写语法

js中严格区分大小写。
js中每一条语句以分号(;)结尾。
如果不写分号，浏览器会自动添加，但是会消耗一些系统资源。而且有些时候，浏览器会加错分号，所以在开发中分号必须写。
js中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化。

2、字面量和变量

字面量

字面量，都是一些不可改变的值

变量

变量可以用来保存字面量，只可以任意改变
在js中使用var关键字来声明一个变量
声明和赋值可以同时进行

       // 声明变量 
       var a;
       // 为变量赋值  
       a = 123;
       // 声明和赋值同时进行
       var b = 456;   
      
       console.log(a);
       console.log(b);

3、标识符

-在js中所有的可以由我们自主命名的都可以称为是标识符

-例如：变量名、函数名、属性名都属于标识符

-命名一个标识符时需要遵守如下的规则：

标识符中可以含有字母、数字、_、$
不能以数字开头
不能是ES中的关键字或保留字
一般都采用驼峰命名法
首字母小写，每个单词的开头字母大写，其余字母小写 (helloWorld)

-js底层保存标识符时实际上是采用Unicode编码，所以理论上讲，所有的utf-8中含有的内容都可以作为标识符

码农公寓