JS笔记 语法

javascript概述

简称为JS，是一款能够运行在JS解释器、引擎中的脚本语言

JS解释器、引擎 JS的运行环境

1、独立安装的js解释器 -nodeJS

2、嵌入在浏览器中的js解释器

JS基于对象的编程语言

 

1.浏览器的内核

内容负责页面内容的渲染

1、内容排版的引擎 HTML、CSS

2、脚本解释引擎 javascript

 

搭建JS运行环境

独立安装的js解释器 nodeJS

console.log("hello word");

console.log("hello word");

使用浏览器中的内核（JS解释引擎）

1、浏览器的控制台（console）中，输入脚本执行

2、将JS脚本代码嵌入在HTML页面中执行

采用HTML元素事件执行JS代码

sj：onclick

1、当元素被点击时执行的操作

ex：当按钮被点击时，在控制台中输出 hello world

<button type="button" οnclick="console.log('哈哈哈哈哈');">点击我试试</button>

2、将js脚本编写在<script></script>并嵌入在HTML文档的如何位置

1 <script>
2 console.log('这是在script标记中执行的内容');
3 document.write("<h1>hhhhhh</h1>");
4 </script>

demo

 

3、将js脚本编写在外面独立的js脚本文件中（***.js）

步骤

1、编写JS脚本文件

2、在HTML中引入脚本文件

<script src=""></script>

demo

先创建一个base.JS的文件

在文件中执行以下代码

console.log("hhhh");

decoment.write("dddddd");

window.alert("这是在外部脚本文件的内容");

在HTML文档中，引入base.js文件

 

<!-- 引用外部文件-->

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

3、JS的调试

在代码编写错误时，在运行的时候，在错误位置会停止

碰到错误代码，会终止当前语句块的执行，但不影响后面块的执行

<script></script>为一块

4、JS语法

1、语句：可以被引擎执行的最小单元

由表达式、关键字 、运算符 组成的

严格区分大小写：name和NAME:

所有的语句都是以 ; 表示结束

所有的标点符号都是英文的

2、注释

单行注释：//

多行注释：/**/

变量与常量

1、什么是变量

用来存储数据的一个容器

2、声明变量（重点）

  1、声明变量

    var 变量名；

  2、为变量赋值

    变量名=值；

  3、声明变量并赋初始值

    var 变量名=值；

 

 

注意：

1、变量声明时没有赋值的话3，那么值为undefined

2、声明变量允许不使用var关键字，但不推荐

demo：

创建一个HTML

声明一对<script></script>并完成以下变量的声明

 1     <script>
 2     var l_name="Thinkpad e460";
 3     var l_price="3000";
 4     var l_count="100";
 5     console.log(l_name,l_price,l_count);
 6     console.log("笔记本名称:"+l_name);
 7     console.log("笔记本价格:"+l_price);
 8     console.log("笔记本库存:"+l_count);
 9     
10     </script>

demo

 

3、一条语句声明多个变量

  var 变量名1=值，变量名2=值，变量名3=值

  变量名命名规范

  1、由字母，数字，下划线以及$组成的

  2、不能以数字开头

  3、不能使用js中的关键字和保留关键字

  4、变量名不能重复

  5、可以采用”驼峰命名法“，小驼峰命名法使用居多

  6、最好见名知意

 

 

4、变量的使用

  1、为变量赋值 -set操作

  只要变量出现在赋值符号（=）的左边一律是赋值操作

  2、获取变量的值 -get操作

  只要变量没有出现在赋值符号（=）的左边，一律是取值操作

 

赋值符号出现的话，永远都是将右边的值，赋值给左边的变量

2、常量

1、什么是常量

在程序中，一但声明好，就不允许被修改的数据

2、声明常量

count 常量名=值；

常量名在命名时采用全部大写形式

 

转载于:https://www.cnblogs.com/xf2764/p/10326324.html