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. redis中与key相关的命令

    1.简单描述 redis本质上是一个key-value db,value可以有多种类型(string.hash.set.sorted set.list等),本章节不讲这些类型的命令,这里是讲跟key相 ...

  2. 微信小程序各类型的自定义组件篇

    由于本人最近在开发小程序项目,期间对小程序有花点时间去研究,同时也找了网上大牛的一些案例,在这里分享部分自定义组件,部分代码是copy大牛案例的,有对小程序有兴趣的伙伴拿走,不谢! 源码下载地址:ht ...

  3. 【java】io流之字符输出流：java.io.Writer类及子类的子类java.io.FileWriter

    package 文件操作; import java.io.File; import java.io.FileWriter; import java.io.IOException; import jav ...

  4. Solr集群搭建详细教程（二）

    注:欢迎大家转载,非商业用途请在醒目位置注明本文链接和作者名dijia478,商业用途请联系本人dijia478@163.com. 之前步骤:Solr集群搭建详细教程(一) 三.solr集群搭建 注意 ...

  5. java随机生成验证码

    package com.yuyuchen.util; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; im ...

  6. Xamarin Android Fragment的两种加载方式

    android Fragment的重点: 3.0版本后引入,即minSdk要大于11 Fragment需要嵌套在Activity中使用,当然也可以嵌套到另外一个Fragment中,但这个被嵌套的Fra ...

  7. ES6 函数的扩展1

    1. 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,为了避免这个问题,通常需要先判断一下参数y是否被赋值,如果没有,再等于默认值. ES6允许为函数的参数设置默认值,即直接 ...

  8. lesson - 3 ls /cd /path /alias /快捷键

    内容概要: 1. 命令ls -l   详细信息-a  查看隐藏的文件或目录-d   只看目录本身,不列出目录下面的文件和目录-t 以时间先后排序 2  目录结构/bin, /sbin, /usr/bi ...

  9. MySQL连接方式及大小写问题

     一.连接数据库 在命令行连接MySQL有这两种方式,一种是使用命令行参数:另一种是将参数信息写入配置文件 1.命令行中使用参数 -u用户名 -p密码 -D数据库名 -P数据库服务端口 -s安静模式 ...

  10. Golang 网络爬虫框架gocolly/colly 四

    Golang 网络爬虫框架gocolly/colly 四 爬虫靠演技,表演得越像浏览器,抓取数据越容易,这是我多年爬虫经验的感悟.回顾下个人的爬虫经历,共分三个阶段:第一阶段,09年左右开始接触爬虫, ...