[JavaScript] 第二章 hello world和重要概念

缺乏、安全感 2024-04-23 21:03 54阅读 0赞

春花秋月何时了，往事知多少。此付费专栏不要订阅，不要订阅，听人劝。

> ?作者主页：青花锁 ?简介：Java领域优质创作者?、Java微服务架构公号作者?  
> ?简历模板、学习资料、面试题库、技术互助
> 
> ?文末获取联系方式 ?  
> ![在这里插入图片描述][8e79f79251004be596a5f46b79e5197a.png]

## 系列专栏目录 ##

[\[Java项目实战\] 介绍Java组件安装、使用；手写框架等][Java_ _Java]  
[\[Aws服务器实战\] Aws Linux服务器上操作nginx、git、JDK、Vue等][Aws_ Aws Linux_nginx_git_JDK_Vue]  
[\[Java微服务实战\] Java 微服务实战，Spring Cloud Netflix套件、Spring Cloud Alibaba套件、Seata、gateway、shadingjdbc等实战操作 ][Java_ Java _Spring Cloud Netflix_Spring Cloud Alibaba_Seata_gateway_shadingjdbc_]  
[\[Java基础篇\] Java基础闲聊，已出HashMap、String、StringBuffer等源码分析，JVM分析，持续更新中 ][Java_ Java_HashMap_String_StringBuffer_JVM_]  
[\[Springboot篇\] 从创建Springboot项目，到加载数据库、静态资源、输出RestFul接口、跨越问题解决到统一返回、全局异常处理、Swagger文档 ][Springboot_ _Springboot_RestFul_Swagger_]  
[\[Spring MVC篇\] 从创建Spring MVC项目，到加载数据库、静态资源、输出RestFul接口、跨越问题解决到统一返回 ][Spring MVC_ _Spring MVC_RestFul_]  
[\[华为云服务器实战\] 华为云Linux服务器上操作nginx、git、JDK、Vue等，以及使用宝塔运维操作添加Html网页、部署Springboot项目/Vue项目等 ][_Linux_nginx_git_JDK_Vue_Html_Springboot_Vue_]  
[\[Java爬虫\] 通过Java+Selenium+GoogleWebDriver 模拟真人网页操作爬取花瓣网图片、bing搜索图片等 ][Java_ _Java_Selenium_GoogleWebDriver _bing_]  
[\[Vue实战\] 讲解Vue3的安装、环境配置，基本语法、循环语句、生命周期、路由设置、组件、axios交互、Element-ui的使用等 ][Vue_ _Vue3_axios_Element-ui_]  
[\[Spring\] 讲解Spring(Bean)概念、IOC、AOP、集成jdbcTemplate/redis/事务等 ][Spring_ _Spring_Bean_IOC_AOP_jdbcTemplate_redis_]

--------------------

## 前言 ##

本章介绍最简单的html页面效果，以及JavaScript的基本概念、名词等。

--------------------

## 1、hello world ##

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>欢迎页面</title>
        <script type="text/javascript">
        document.write("hello world!")
      </script>
    </head>
    <body>
    </body>
    </html>

--------------------

## 2、Javascript执行顺序 ##

<!DOCTYPE html>
    <script>
        alert("顶部脚本");
    </script>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>test</title>
        <script>
            alert("头部脚本");
        </script>
    </head>
    <body>
        <h1>网页标题</h1>
        <script>
            alert("页面脚本");
        </script>
        <p>正文内容</p>
    </body>
    <script>
        alert("底部脚本");
    </script>
    </html>

--------------------

## 3、概念 ##

### 3.1、标识符 ###

变量名、函数名、参数名、属性名、类名  
合法的标识符应该注意以下强制规则：

*  第一个字符必须是字母、下划线（\_）或美元符号（$）。
 *  除了第一个字符外，其他位置可以使用 Unicode 字符。一般建议仅使用 ASCII 编码的字母，不建议使用双字节的字符。
 *  不能与 JavaScript 关键字、保留字重名。
 *  可以使用 Unicode 转义序列。例如，字符 a 可以使用“\\u0061”表示。

### 3.2、关键字 ###

break	delete 	if	this 	while
    case	do	in	throw	with
    catch 	else 	instanceof 	try	
    continue 	finally 	new 	typeof	
    debugger（ECMAScript 5 新增）	for 	return 	var	
    default 	function 	switch 	void

### 3.3、保留字 ###

abstract 	double 	goto 	native 	static
    boolean 	enum 	implements 	package 	super
    byte 	export 	import 	private 	synchronized
    char 	extends 	int 	protected 	throws
    class 	final 	interface 	public 	transient
    const 	float 	long 	short 	volatile

### 3.4、区分大小写 ###

var name;
    Name= "111111";
    console.log(name)

结果，输出为空字符串

### 3.5、直接量 ###

//空字符串直接量  
1 //数值直接量  
true //布尔值直接量  
/a/g //正则表达式直接量  
null //特殊值直接量  
\{\} //空对象直接量  
\[\] //空数组直接量  
function()\{\}//空函数直接量，也就是函数表达式

--------------------

### 联系方式 ###

#### 微信公众号：Java微服务架构 ####

![在这里插入图片描述][c8bfb5ed6bbf47f386f48923b2b123ef.jpeg_pic_center]

[8e79f79251004be596a5f46b79e5197a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/5ab2d8632af54918885ce07597285ff2.png
[Java_ _Java]: https://blog.csdn.net/s445320/category_12345409.html
[Aws_ Aws Linux_nginx_git_JDK_Vue]: https://blog.csdn.net/s445320/category_12492968.html
[Java_ Java _Spring Cloud Netflix_Spring Cloud Alibaba_Seata_gateway_shadingjdbc_]: https://blog.csdn.net/s445320/category_12439818.html
[Java_ Java_HashMap_String_StringBuffer_JVM_]: https://blog.csdn.net/s445320/category_12369312.html
[Springboot_ _Springboot_RestFul_Swagger_]: https://blog.csdn.net/s445320/category_12273537.html
[Spring MVC_ _Spring MVC_RestFul_]: https://blog.csdn.net/s445320/category_12295009.html
[_Linux_nginx_git_JDK_Vue_Html_Springboot_Vue_]: https://blog.csdn.net/s445320/category_12426609.html
[Java_ _Java_Selenium_GoogleWebDriver _bing_]: https://blog.csdn.net/s445320/category_8863085.html
[Vue_ _Vue3_axios_Element-ui_]: https://blog.csdn.net/s445320/category_12278346.html
[Spring_ _Spring_Bean_IOC_AOP_jdbcTemplate_redis_]: https://blog.csdn.net/s445320/category_12283629.html
[c8bfb5ed6bbf47f386f48923b2b123ef.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/80dce00e13d34738b359be5e5084a24b.jpeg