JavaScript是脚本语言,JavaScript是脚本语言

1、JavaScript概念

1、JavaScript概念

JavaScript是脚本语言; 编写之后,可以一贯运行(缺失了编译的进程)

JavaScript是脚本语言; 编写之后,可以一直运行(缺失了编译的进程)

2、JavaScript发展

2、JavaScript发展

LiveScript    =>    JavaScript    =>     Jscript   
=>   ECMAScript(脚本语言的科班)

LiveScript    =>    JavaScript    =>     Jscript   
=>   ECMAScript(脚本语言的正儿八经)

   ||                 ||                   ||                 ||

   ||                 ||                   ||                 ||

95年网景公司; 网景联合SUN集团;  联合微软公司;
三者联合北美洲统计机创立商协会

95年网景集团; 网景联合SUN公司;  联合微软公司;
三者联合亚洲统计机创造商协会

注:JavaScript语法内容参考Java语言;但“JavaScript是Java语言的脚本语言”是荒唐的

注:JavaScript语法内容参考Java语言;但“JavaScript是Java语言的脚本语言”是一无可取的

3、JavaScript组成部分

3、JavaScript组成部分

ECMAScript: 语言的标准(定义语法)从2015年推出ES6之后;
今前年年推出一个新本子

ECMAScript: 语言的业内(定义语法)从二零一五年出产ES6之后;
今后每年生产一个新本子

DOM – Document Object Model(文档对象模型)

DOM – Document Object Model(文档对象模型)

BOM – Browser Object Model(浏览器对象模型)

BOM – Browser Object Model(浏览器对象模型)

澳门金冠网站主页,4、怎么着选用JavaScript

4、如何使用JavaScript

通过 <script> 元素编写 JavaScript 语言:

由此 <script> 元素编写 JavaScript 语言:

(1)定义<script>元素,直接编写      

(1)定义<script>元素,直接编写      

(2)通过<script>元素,引入外部JS文件   格式:<script
src=”JS文件的门径”></script>

(2)通过<script>元素,引入外部JS文件   格式:<script
src=”JS文件的途径”></script>

type属性 – 设置当前引入文件的档次(text/javascript)

type属性 – 设置当前引入文件的品类(text/javascript)

注:<script>元素默认编写在 <head>
中;但也可以出现在<body>元素中;

注:<script>元素默许编写在 <head>
中;但也足以出现在<body>元素中;

固然编写在不正确的职责:浏览器没有其余报错,且浏览器举行机动分析,将错误位置改为不易的岗位。(HTML是不严厉的标志语言)

尽管编写在不得法的岗位:浏览器没有任何报错,且浏览器举行活动分析,将错误地方改为科学的地方。(HTML是不严刻的号子语言)

5、测试JavaScript代码

5、测试JavaScript代码

☞confirm(‘ ‘) ;

☞confirm(‘ ‘) ;

 ☞alert(‘ ‘);           近期很少使用(打印的内容少于 –
不符合开发的渴求)   

 ☞alert(‘ ‘);           目前很少使用(打印的情节少于 –
不相符开发的渴求)   

 ☞prompt(‘ ‘);         接收用户新闻,页面有个输入框来填写音信

 ☞prompt(‘ ‘);         接收用户新闻,页面有个输入框来填写音信

☞document.write(‘ ‘); 
测试的情节平昔在页面中输出新闻,能够写上html标签。

☞document.write(‘ ‘); 
测试的内容平昔在页面中输出新闻,可以写上html标签。

 ☞console.log(‘ ‘);     
在浏览器的开发者工具中的console(控制台)中输出音讯

 ☞console.log(‘ ‘);     
在浏览器的开发者工具中的console(控制台)中输出新闻

格式:console.log(‘日志内容’);    console.warn(‘输出警告’);

格式:console.log(‘日志内容’);    console.warn(‘输出警告’);

console.info(‘输出音讯’);   console.error(‘输出错误’);

console.info(‘输出音讯’);   console.error(‘输出错误’);

6、基础语法

6、基础语法

 * 区分轻重缓急写     eg: atguigu、Atguigu和ATGUIGU – 代表四个内容

 * 区分轻重缓急写     eg: atguigu、Atguigu和ATGUIGU – 代表多个内容

 * 代码的规范性

 * 代码的规范性

   HTML: 元素名称提出使用小写;  父级与子级元素,指出缩进(空格或TAB)

   HTML: 元素名称提出拔取小写;  父级与子级元素,指出缩进(空格或TAB)

   CSS:  组合采用器 #id,.class

   CSS:  组合选用器 #id,.class

CSS申明的求实写法      eg:选取器{

CSS申明的有血有肉写法      eg:采用器{

                                           background-color : red;

                                           background-color : red;

                                     }

                                     }

 * JavaScript: 一行最好只编写一个口舌;   每个语句前边提出编写分号;

 * JavaScript: 一行最好只编写一个讲话;   每个语句后边提出编写分号;

多少个语句之间扩大空行;     注释内容编排清除;

八个语句之间扩大空行;     注释内容编排清除;

重中之重字和保留字,都不可能用来定义为变量名;

紧要字和保留字,都不可以用来定义为变量名;

重大字: 在JavaScript代码中具备独特的意义;    保留字: 还从未启用的重点字

重在字: 在JavaScript代码中装有特种的含义;    保留字: 还一直不启用的严重性字

(单行注释) 符号://  [快捷键:CTRL + ?]       (多行注释)  符号: /*
*/  

(单行注释) 符号://  [快捷键:CTRL + ?]       (多行注释)  符号: /*
*/  

7、变量

7、变量

概念:存储数据音讯的容器.              格式:var 变量名 =
数据内容;                 

概念:存储数据消息的容器.              格式:var 变量名 =
数据内容;                 

特点:允许可以屡屡的行使具体的数据     
效用:允许重复使用某个具体的数目内容

特色:允许可以频仍的采取具体的多寡     
成效:允许重复使用某个具体的数据内容

ü 变量的扬言

ü 变量的评释

双重表明:JavaScript 变量只可以存储一个数据,此前存储的数据会被遮盖。

重新评释:JavaScript 变量只可以存储一个数额,此前存储的数额会被遮盖。

遗漏注解: 直接读取一个从未有过注明的变量的值,JavaScript会报错。

遗漏表明: 直接读取一个平素不声明的变量的值,JavaScript会报错。

eg:console.log(test1);   — 报错  因为没有定义test1

eg:console.log(test1);   — 报错  因为从没定义test1

ü  命名规则

ü  命名规则

以字母、下划线-、英镑符号$初阶;   不以数字初阶;  
大写字母与小写字母并不顶牛;

以字母、下划线-、美金符号$初阶;   不以数字开首;  
大写字母与小写字母并不争持;

不用关键字和保留字作为名称;     名称最为有同理可得的意义。

不用关键字和保留字作为名称;     名称最为有显然的意义。

ü  用法

ü  用法

²  定义变量 – 为某个的数额定义一个变量名称 

²  定义变量 – 为某个的多寡定义一个变量名称 

留存四个变量时:(1)每一行定义一个变量 
(2)单行定义多少个变量,中间须要用逗号分隔  

留存两个变量时:(1)每一行定义一个变量 
(2)单行定义两个变量,中间需求用逗号分隔  

²  调用变量 -使用该变量对应的数量内容

²  调用变量 -使用该变量对应的数额内容

☞先定义变量,再调用变量[常规景况]

☞先定义变量,再调用变量[健康状态]

浏览器加载执行JavaScript代码时 –
从上到下;当调用某个变量时,该变量已经存在了

浏览器加载执行JavaScript代码时 –
从上到下;当调用某个变量时,该变量已经存在了

☞先调用变量,再定义变量  —【undefined】

☞先调用变量,再定义变量  —【undefined】

console.log(test2);    ==>     var test2;   
–定义变量(但不曾赋值); 默许值为【undefined】

console.log(test2);    ==>     var test2;   
–定义变量(但尚无赋值); 默许值为【undefined】

var test2 = 300;              console.log(test2);

var test2 = 300;              console.log(test2);

              test2 = 300;  –为变量举办赋值

              test2 = 300;  –为变量进行赋值

[再次申明:对应的多寡内容会被掩盖       
重复赋值:对应的数据内容会被遮住]

[再也注解:对应的数码内容会被覆盖       
重复赋值:对应的多少内容会被遮住]

8、常量

8、常量

格式:  const 常量名 = 数据内容;             
  成效:表示某个具体的数目内容  

格式:  const 常量名 = 数据内容;             
  成效:表示某个具体的数据内容  

只顾: 就是一个只读(无法改改)的变量;常量名习惯用全大写

小心: 就是一个只读(不可以修改)的变量;常量名习惯用全大写

*常量的宣示,必须开展伊始化操作,否则会报错误。

*常量的宣示,必须举办伊始化操作,否则会报错误。

*无论是重复评释,依然再一次赋值 – 常量都会报错

*不管重复声明,仍旧重新赋值 – 常量都会报错

相关文章