JavaScript基础知识(概念、常量和变量)

2018-01-13 11:42:03来源:cnblogs.com作者:灰姑娘的冰眸人点击

分享

1JavaScript概念

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

2JavaScript发展

LiveScript    =>    JavaScript    =>     Jscript    =>   ECMAScript(脚本语言的标准)

   ||                 ||                   ||                 ||

95年网景公司; 网景联合SUN公司;  联合微软公司; 三者联合欧洲计算机制造商协会

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

3JavaScript组成部分

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

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

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

4、如何使用JavaScript

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

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

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

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

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

即使编写在不正确的位置:浏览器没有任何报错,且浏览器进行自动解析,将错误位置改为正确的位置。(HTML是不严格的标记语言)

5、测试JavaScript代码

☞confirm(' ') ;

 ☞alert(' ');           目前很少使用(打印的内容有限 - 不符合开发的要求)   

 ☞prompt(' ');         接收用户信息,页面有个输入框来填写信息

☞document.write(' ');  测试的内容直接在页面中输出消息,可以写上html标签。

 ☞console.log(' ');      在浏览器的开发者工具中的console(控制台)中输出消息

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

console.info('输出信息');   console.error('输出错误');

6、基础语法

 * 区分大小写     eg: atguigu、Atguigu和ATGUIGU - 代表三个内容

 * 代码的规范性

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

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

CSS声明的具体写法      eg:选择器{

                                           background-color : red;

                                     }

 * JavaScript: 一行最好只编写一个语句;   每个语句后面建议编写分号;

两个语句之间增加空行;     注释内容编写清除;

关键字和保留字,都不能用来定义为变量名;

关键字: 在JavaScript代码中具有特殊的含义;    保留字: 还没有启用的关键字

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

7、变量

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

特点:允许可以反复的使用具体的数据      作用:允许重复使用某个具体的数据内容

ü 变量的声明

重复声明:JavaScript 变量只能存储一个数据,之前存储的数据会被覆盖。

遗漏声明: 直接读取一个没有声明的变量的值,JavaScript会报错。

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

ü  命名规则

以字母、下划线-、美元符号$开始;   不以数字开头;   大写字母与小写字母并不冲突;

不用关键字和保留字作为名称;     名称最好有明确的含义。

ü  用法

²  定义变量 - 为某个的数据定义一个变量名称 

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

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

☞先定义变量,再调用变量[正常情况]

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

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

console.log(test2);    ==>     var test2;    --定义变量(但没有赋值); 默认值为【undefined】

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

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

[重复声明:对应的数据内容会被覆盖        重复赋值:对应的数据内容会被覆盖]

8、常量

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

注意: 就是一个只读(不能修改)的变量;常量名习惯用全大写

*常量的声明,必须进行初始化操作,否则会报错误。

*无论重复声明,还是重复赋值 - 常量都会报错

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台