JavaScript基础知识(概念、常量和变量)
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基础知识(概念、常量和变量)的更多相关文章
- JavaScript 基础知识 - BOM篇
前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...
- 01-Java基础知识:数据类型与变量、标识符、运算符、表达式
Java基础知识:数据类型与变量.标识符.运算符.表达式 一.数据类型 Java定义了基本数据类型.引用数据类型.自定义类型. 八种基本数据类型:byte (1). short (2). int ( ...
- 学习javascript基础知识系列第二节 - this用法
通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...
- Javascript基础知识总结一
Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...
- 学习javascript基础知识系列第三节 - ()()用法
总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...
- JAVA 基础基本语法---常量与变量
JAVA 基础基本语法---常量与变量 语法:计算机能够识别的语言的规则: 0. 基本语法 编写Java程序时,应注意以下几点: 大小写敏感:Java是大小写敏感的,这就意味着标识符Hello与hel ...
- 【C++基础】008常量和变量
简介:常量和变量. 常量和变量 1. 常量 具体把数据写出来 2,3,4: 1.2,1.3: "Hello World!","C++": cout <&l ...
- 【javascript基础知识】javascript中的转义序列和特殊数值常量
javascript的转义序列 \0 NUL字符(\u0000) \b 退格符(\u0008) \t 水平制表符(\u0009) \n 换行符(\u000A) \v 垂直制表符(\u000B) \f ...
- (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识
开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...
- javascript基础知识笔记-自用
笔记内容根据个人基础知识不足不明白之处做的记录.主要看的:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 1.变量,变量的名字又叫标识符 ...
随机推荐
- JMeter获取CSV文件行数
import java.io.BufferedReader; import java.io.FileReader; BufferedReader br=new BufferedReader(new F ...
- go实例之线程池
go语言使用goroutines和channel实现一个工作池相当简单.使用goroutines开指定书目线程,通道分别传递任务和任务结果.简单的线程池代码如下: package main impor ...
- php html5 文件上传 (原创)
今天自己写了一个HTML5+FileReader+php 的文件上传,ajax异步上传也支持 git 下载:git clone https://github.com/jiechengyang/HTML ...
- eslint常见规则总结
google: eslint+rules es6: impot When you import the module's default, don't use brace {} 意思是,当你使用默认的 ...
- Linux下防火墙配置
查看防火墙的状态:/etc/init.d/iptables status 或 service iptables status 1) 临时生效,重启后复原 开启: service iptab ...
- Tomcat 组件介绍
用了好长时间tomcat,但是其实自己只是反复听了这个名字,对Tomcat并不了解 1.Tomcat组件 Catalina Coyote Jasper Cluster 2.组件介绍 Tomcat Co ...
- JavaScript函数补完:toString()
javascript中的toString()方法,主要用于Array.Boolean.Date.Error.Function.Number等对象.下面是这些方法的一些解析和简单应用,做个纪律,以作备忘 ...
- C#图解教程第一章 C#和.NET框架
1.1 在.NET之前 C#发音:see shap 1.1.1 20世纪90年代后期的Windows编程 20世纪90年代后期各语言缺点: 1.纯Win32 API不是面向对象的,而且工作量比M ...
- Node.js 蚕食计划(三)—— Express 启航
如果看过上一篇<Node.js 蚕食计划>,就会发现手动搭建一个 web 服务器还是比较繁琐 而 express 就是一个可以极大地提高开发效率的 web 开发框架 一.创建项目 在 ex ...
- Java的静态代码块是否会在类被加载时自动执行?
JAVA静态代码块会在类被加载时自动执行? 一.先看Java静态方法,静态变量 http://www.cnblogs.com/winterfells/p/7906078.html 静态代码块 在类中, ...