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. JMeter获取CSV文件行数

    import java.io.BufferedReader; import java.io.FileReader; BufferedReader br=new BufferedReader(new F ...

  2. go实例之线程池

    go语言使用goroutines和channel实现一个工作池相当简单.使用goroutines开指定书目线程,通道分别传递任务和任务结果.简单的线程池代码如下: package main impor ...

  3. php html5 文件上传 (原创)

    今天自己写了一个HTML5+FileReader+php 的文件上传,ajax异步上传也支持 git 下载:git clone https://github.com/jiechengyang/HTML ...

  4. eslint常见规则总结

    google: eslint+rules es6: impot When you import the module's default, don't use brace {} 意思是,当你使用默认的 ...

  5. Linux下防火墙配置

    查看防火墙的状态:/etc/init.d/iptables  status  或  service  iptables  status 1) 临时生效,重启后复原 开启: service  iptab ...

  6. Tomcat 组件介绍

    用了好长时间tomcat,但是其实自己只是反复听了这个名字,对Tomcat并不了解 1.Tomcat组件 Catalina Coyote Jasper Cluster 2.组件介绍 Tomcat Co ...

  7. JavaScript函数补完：toString()

    javascript中的toString()方法,主要用于Array.Boolean.Date.Error.Function.Number等对象.下面是这些方法的一些解析和简单应用,做个纪律,以作备忘 ...

  8. C#图解教程第一章 C#和.NET框架

    1.1 在.NET之前 C#发音:see shap 1.1.1 20世纪90年代后期的Windows编程  20世纪90年代后期各语言缺点:   1.纯Win32 API不是面向对象的,而且工作量比M ...

  9. Node.js 蚕食计划（三）—— Express 启航

    如果看过上一篇<Node.js 蚕食计划>,就会发现手动搭建一个 web 服务器还是比较繁琐 而 express 就是一个可以极大地提高开发效率的 web 开发框架 一.创建项目 在 ex ...

  10. Java的静态代码块是否会在类被加载时自动执行？

    JAVA静态代码块会在类被加载时自动执行? 一.先看Java静态方法,静态变量 http://www.cnblogs.com/winterfells/p/7906078.html 静态代码块 在类中, ...