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. 阿里云ECS部署ZooKeeper注意事项

    如果ECS为专有网络+弹性IP时,配置集群中,"自己"的ip要写成0.0.0.0,其他服务器可以写成公网ip.否则会包如下错误: java.net.BindException: C ...

  2. IntelliJ IDEA 热部署插件 JRebel 安装激活及使用

    JRebel对个人用户免费使用,但是要使用Facebook账号把信息完整填写之后才能获取Lisense,登陆Facebook官网二种方案:①修改本地hosts文件:②使用VPNFQ 以下是二种方案的解 ...

  3. Java Web Session设置

    一.前言 在做 java web项目时,我们很多时候都要用到 Session,那么我就简单的写一下 Session 的写法. 二.代码实现 Servlet Session 的设置 package co ...

  4. C# Lock、Monitor避免死锁

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...

  5. acffo的开源项目汇总

    1. XWaveView, 流动波浪效果                      2.LogRecordHelper, logcat日志记录存储到文件 可以指定TAG , 将logcat日志写入文件 ...

  6. Linux：如何进行c++编程

    不适应美帝的饮食,当一只咸鱼在apartment里Coding一波,学习学习如何在Ubuntu实现C++的编程 正文如下: (预备知识) 学习Vim:  http://www.cnblogs.com/ ...

  7. http中的get和post（一）

    GET和POST有什么区别?及为什么网上的多数答案都是错的. 如果有人问你,GET和POST,有什么区别?你会如何回答? 我的经历 前几天有人问我这个问题.我说GET是用于获取数据的,POST,一般用 ...

  8. [array] leetcode - 48. Rotate Image - Medium

    leetcode - 48. Rotate Image - Medium descrition You are given an n x n 2D matrix representing an ima ...

  9. [C#]使用Redis来存储键值对（Key-Value Pair）

    本文为原创文章.源代码为原创代码,如转载/复制,请在网页/代码处明显位置标明原文名称.作者及网址,谢谢! 开发工具:VS2017 语言:C# DotNet版本:.Net FrameWork 4.5及以 ...

  10. Mac下nvm管理node.js版本问题

    本篇文章主要是针对已经安装了node.js和nvm管理工具小伙伴遇到的问题. 管理工具有两个,一个是nvm,还有一个是nnvm的好处就是可以管理多个node版本,而且可以切换想要的版本,可以安装一个稳 ...