1、JavaScript概念

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

2、JavaScript发展

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

||                 ||                   ||                 ||

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

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

3、JavaScript组成部分

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 常量名 = 数据内容;                作用：表示某个具体的数据内容

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

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

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

JavaScript基础知识（概念、常量和变量）的更多相关文章

  1. JavaScript 基础知识 - BOM篇

    前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...

  2. 01-Java基础知识：数据类型与变量、标识符、运算符、表达式

    Java基础知识:数据类型与变量.标识符.运算符.表达式 一.数据类型 Java定义了基本数据类型.引用数据类型.自定义类型. 八种基本数据类型:byte (1). short (2).  int ( ...

  3. 学习javascript基础知识系列第二节 - this用法

    通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...

  4. Javascript基础知识总结一

    Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...

  5. 学习javascript基础知识系列第三节 - ()()用法

    总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...

  6. JAVA 基础基本语法---常量与变量

    JAVA 基础基本语法---常量与变量 语法:计算机能够识别的语言的规则: 0. 基本语法 编写Java程序时,应注意以下几点: 大小写敏感:Java是大小写敏感的,这就意味着标识符Hello与hel ...

  7. 【C++基础】008常量和变量

    简介:常量和变量. 常量和变量 1. 常量 具体把数据写出来 2,3,4: 1.2,1.3: "Hello World!","C++": cout <&l ...

  8. 【javascript基础知识】javascript中的转义序列和特殊数值常量

    javascript的转义序列 \0 NUL字符(\u0000) \b 退格符(\u0008) \t 水平制表符(\u0009) \n 换行符(\u000A) \v 垂直制表符(\u000B) \f ...

  9. (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识

    开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...

  10. javascript基础知识笔记-自用

    笔记内容根据个人基础知识不足不明白之处做的记录.主要看的:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 1.变量,变量的名字又叫标识符 ...

随机推荐

  1. gunicorn Arbiter 源码解析

    如前文所述,Arbiter是gunicorn master进程的核心.Arbiter主要负责管理worker进程,包括启动.监控.杀掉Worker进程:同时,Arbiter在某些信号发生的时候还可以热 ...

  2. MFC学习之CWinApp类

    CWinApp是一个基类,你通过它来继承Windows应用程序对象.应用程序对象为你提供了初始化应用程序(以及它的每一个实例 和运行应用程序所需的成员函数.它实现主事件循环并把事件分发给MFC中其他类 ...

  3. MySQL的存储引擎与日志说明

    1.1 存储引擎的介绍 1.1.1 文件系统存储 文件系统:操作系统组织和存取数据的一种机制.文件系统是一种软件. 类型:ext2 3 4 ,xfs 数据.  不管使用什么文件系统,数据内容不会变化, ...

  4. iOS 控制器的跳转、页面四个方向的跳转

    指定滑动方向的跳转 CATransition *transition = [CATransition animation]; transition.duration = 0.3f; transitio ...

  5. Servlet小总结

    Servlet Servlet(服务器端小程序)是使用Java语言编写的服务器端程序,像JSP一样,生成动态的Web页.Servlet主要运行在服务器端,并由服务器调用执行. Servlet处理的基本 ...

  6. bzoj 4199: [Noi2015]品酒大会

    Description 一年一度的"幻影阁夏日品酒大会"隆重开幕了.大会包含品尝和趣味挑战两个环节,分别向优胜者颁发"首席品酒家"和"首席猎手&quo ...

  7. PXE+Kickstart 全自动安装部署CentOS7.4

    一.简介 1.什么是PXE PXE(preboot execute environment,预启动执行环境)是由Intel公司开发的最新技术,工作于Client/Server的网络模式,支持工作站通过 ...

  8. 解决openssh漏洞，升级openssh版本

    关于解决漏洞的问题我就不详说了,主要就是升级版本.这里我们就直接简单记录下步骤: 1.升级 使用root用户登录系统进入到/home/guankong ,上传openssh-6.6p1.tar.gz到 ...

  9. QT中定时器的使用方法

    前言:因为QT中用死循环会开销很多内存容易崩溃,这时候使用定时器可以很好解决这个问题. 使用定时器需要用到头文件:include<QTimer> (1)定义定时器 QTimer *upda ...

  10. js获取手机屏幕宽度、高度

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...