了解如何编写JavaScript

javascript栏目介绍如何编写JavaScript。

相关免费学习推荐：JavaScript（视频）

JavaScript的入门文章：

如果你已经会写html与css了，但是你还没学JavaScript那么你就可以从笔者的这边文章开始学起了。

JavaScript是在JS引擎中执行的 V8引擎。

JavaScript在哪里写 是我们首先要知道的。

一共可以写在三个地方。

1. 行内,给元素添加事件

<button onclick='alert("hello")'>按钮</button>

2. 写在html内部
   （一般情况下放在body的结束标签之前，在所有的html内容之后）

<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>

3. 写到外部j后缀名为.js的文件中,然后引用。
   比如现在写了一个 index.js文件 放在了 与你的html在同一个目录下

<script src="./index.js"></script>

注意点：
1. src引入的是外部JS文件路径
2. </script>必须单独出现
3. 在开始和结束标签之间。不出现任何JS代码，出现了也不会执行。

JavaScript输出输入的方法

输出：

1. alert(‘提示信息’); - - 弹出一个警告框，会中断浏览器渲染及其他操作。
2. document.write(‘内容’); - - 向文档流中打印输出内容。通常不会使用这种方式。可做了解。
3. console.log(‘提示内容’); - - 向控制台输出日志内容(控制台就是你在页面当中使用F12然后出现的东西)。前端程序员算是必须学会的东西，因为实际项目开发的过程中需要不断的调试。尤其是出现令人恼火的bug的时候。console.log更多的玩法可看笔者的另外一篇文章：你不知道的console的骚操作

输入：

1. prompt(提示信息)
   用户点击确认按钮，得到用户输入的值，用户点击取消按钮，得到null
2. 表单中的输入框
   比如input，textarea等等，或者将元素变成了可编辑状态（如果不知道怎么将元素变成可编辑状态可以看笔者的富文本编辑器实现原理）

JavaScript的变量。

变量： 内存中的数据存储空间，该空间中保存的数据可以随着运算的进行发生改变。
变量三要素：
1. 变量名
2. 变量值
3. 数据类型
JS是弱（动态）类型的语言，不关心变量创建时的数据类型，是在运行后才能确定变量的数据类型。
语法：
定义变量：

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

实际的项目开发过程中基本上不会使用var来生命变量。一般都是使用const，let来声明变量，因为var有声名提升，和内存泄漏的问题。有关const和let请看笔者b的ES6介绍。
变量的命名规则：
a. 能够包含的字符：字母、数字、_、$
b. 不能以数字开头
c. 不能是关键字或保留字
关键字/保留字： 有固定语法含义的单词
关于关键字和保留字的详细内容请移步到ECMAScript关键字和保留字详细介绍
d. 严格区分字母大小写
变量的命名规范：
a. 取简洁的英文单词作为变量名，见名知意。
b. 有多个单词时，第一个单词首字母小写，其他单词首字母大写。

关于变量的数据类型的详细介绍请移步到JavaScript的数据类型介绍

JavaScript的入门文章：

如果你已经会写html与css了，但是你还没学JavaScript那么你就可以从笔者的这边文章开始学起了。

JavaScript是在JS引擎中执行的 V8引擎。

JavaScript在哪里写 是我们首先要知道的。

一共可以写在三个地方。

1. 行内,给元素添加事件

<button onclick='alert("hello")'>按钮</button>

2. 写在html内部
   （一般情况下放在body的结束标签之前，在所有的html内容之后）

<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>

3. 写到外部j后缀名为.js的文件中,然后引用。
   比如现在写了一个 index.js文件 放在了 与你的html在同一个目录下

<script src="./index.js"></script>

注意点：
1. src引入的是外部JS文件路径
2. </script>必须单独出现
3. 在开始和结束标签之间。不出现任何JS代码，出现了也不会执行。

JavaScript输出输入的方法

输出：

1. alert(‘提示信息’); - - 弹出一个警告框，会中断浏览器渲染及其他操作。
2. document.write(‘内容’); - - 向文档流中打印输出内容。通常不会使用这种方式。可做了解。
3. console.log(‘提示内容’); - - 向控制台输出日志内容(控制台就是你在页面当中使用F12然后出现的东西)。前端程序员算是必须学会的东西，因为实际项目开发的过程中需要不断的调试。尤其是出现令人恼火的bug的时候。console.log更多的玩法可看笔者的另外一篇文章：你不知道的console的骚操作

输入：

1. prompt(提示信息)
   用户点击确认按钮，得到用户输入的值，用户点击取消按钮，得到null
2. 表单中的输入框
   比如input，textarea等等，或者将元素变成了可编辑状态（如果不知道怎么将元素变成可编辑状态可以看笔者的富文本编辑器实现原理）

JavaScript的变量。

变量： 内存中的数据存储空间，该空间中保存的数据可以随着运算的进行发生改变。
变量三要素：
1. 变量名
2. 变量值
3. 数据类型
JS是弱（动态）类型的语言，不关心变量创建时的数据类型，是在运行后才能确定变量的数据类型。
语法：
定义变量：

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

实际的项目开发过程中基本上不会使用var来生命变量。一般都是使用const，let来声明变量，因为var有声名提升，和内存泄漏的问题。有关const和let请看笔者b的ES6介绍。
变量的命名规则：
a. 能够包含的字符：字母、数字、_、$
b. 不能以数字开头
c. 不能是关键字或保留字
关键字/保留字： 有固定语法含义的单词
关于关键字和保留字的详细内容请移步到ECMAScript关键字和保留字详细介绍
d. 严格区分字母大小写
变量的命名规范：
a. 取简洁的英文单词作为变量名，见名知意。
b. 有多个单词时，第一个单词首字母小写，其他单词首字母大写。

关于变量的数据类型的详细介绍请移步到JavaScript的数据类型介绍

以上就是了解如何编写JavaScript的详细内容，更多请关注模板之家(www.mb5.com.cn)其它相关文章！