小白学习JS [第一天：JS基础语法规范]

唏哩呼噜睡大觉
123 阅读4分钟

1. JS编写方式

  1. 方式一：HTML代码内部写js代码(不推荐)；

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

 

  1. 方式二：写在script标签中；
<script>
        const oSection = document.querySelector('section');
        oSection.onclick = function(){
            alert(666)
        }
 </script>
  1. 方式三：外部引入，通过src属性，加上外部引入的js文件路径即可。

通常外部引入的js，或者内部的js文件，都是写在body结束标签上面的最后一行 。

注意：script标签不能写出单标签

1.1 如果浏览器不支持JavaScript

如果运行的浏览器不支持javascript,我们可以通过noscript标签给到用户一些提示信息，如果用户的浏览器不支持js，则noscript标签中的内容会呈现出来，反之会隐藏。

<noscript>
  <p>抱歉,您的浏览器不支持或者关闭了JavaScript</p>
</noscript>

2. 严格区分大小写方式

一些关键字要小写，如果大写了，程序运行是会直接报错

3. JS交互方式

1 .控制浏览器弹出一个警告框

alert();

  1. 让计算机在页面中输出一个内容

document.write(); 可以向body中输出一个内容

  1. 向控制台输出一个内容

console.log() 括号的内容输入我们要输出的那个变量。

  1. 请用户输入信息

prompt('请您输入您的姓名');

补充：

如果代码出现了错误，则会在console面板中呈现

> 代表控制台的命令，可以直接在此处输入代码运行

直接编写代码，按下enter箭就可以执行

如果是编写多行，按下shift + enter 可以换行编写

4. JS语句和分号

语句是向浏览器发出的指令，表示一个操作或者行为，通常每条语句后面会添加一个分号，表示语句的结束。

当存在换行符时，大多数情况下可以省略分号，理解为隐式分号。

如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，而且一些时候，浏览器会加错分号，所以在开发中分号必须写。

5.JS中的注释

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

注意：中间的 * 不是必须

要养成良好的编写注释的习惯，也可以通过注释来对代码进行一些简单的调式

单行注释： 在JS中双斜线就是单行注释

文档注释： 需要在单独的js文件中编写才生效。

6. 报错

语法错误和通用错误

1.语法错误一旦抛出，就会影响整个程序，导致整个程序都不会执行

2.通用错误一旦抛出，不会影响之前的代码输出，但是会中断之后的代码运行

b is not defined 变量都没有声明，就没法输出，不会影响前面的代码，会阻塞后面的代码运行

在定义a变量的时候，js会默认帮我们自动初始化该变=变量的值为undefined

var a ;
console.log(a);

如果变量都没有定义，就意味着并没有向浏览器索要空间，所以输出的时候会直接报错

不同脚本引用代码块之间的代码互不影响

7.字面量和变量

字面量 : 都是一些不可改变的值 比如数字(number), 字面量都是可以直接使用，但是我们一般都不会直接使用字面量

变量 : 变量可以用来保存字面量，而且变量的值是可以任意改变的，变量更加方便我们使用，所以在开发中都是通过变量保存一个字面量，而很少直接使用字面量，还可以通过变量对字面量进行描述。

声明变量 : 在JS中用关键字var来声明变量 => var a;

为变量赋值 : a = 1;

声明和赋值同事进行 : var a = 1; 打印： console.log(a);

8.标识符

在JS中所有的可以通过由我们自主命名的都可以称为标识符

例如 : 变量名，函数名，属性名都属于标识符

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

  1. 标识符中可以含有字母，数字，__，$
  2. 标识符不能以数字开头
  3. 标识符不能是ES中的关键字或保留字
  4. 标识符一般都采用驼峰命名法 => 首字母小写，每个单词的开头字母大写，其余字母小写

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

avatar
文章
阅读
粉丝