首页 > 代码库 > JavaScript学习记录day1
JavaScript学习记录day1
JavaScript学习记录day1
JavaScript学习记录day1
1. 快速入门
2. 编程工具
3. 语法
4. 注释
5. 大小写
JavaScritps 是什么?
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
在Web世界里,只有JavaScript能跨平台、跨浏览器驱动网页,与用户交互。
编写JS的流程
布局:HTML+CSS
属性:确定要修改哪些属性
事件:确定用户做哪些操作(产品设计)
编写JS:在事件中,用JS来修改页面元素的样式
1. 快速入门
JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>
中:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的第一个JS</title>
<script>
function myFirstScript() {
alert("Hello word!");
}
myFirstScript();
</script>
</head>
<body>
</body>
</html>
由<script>...</script>
包含的代码就是JavaScript代码,它将直接被浏览器执行。
第二种方法是把JavaScript代码放到一个单独的.js文件,然后在HTML中通过引入这个文件:
<html>
<head>
<script src="/static/js/abc.js"></script>
</head>
<body>
...
</body>
</html>
这样,/static/js/abc.js就会被浏览器执行。
把JavaScript代码放入一个单独的.js文件中更利于维护代码,并且多个页面可以各自引用同一份.js文件。
可以在同一个页面中引入多个.js文件,还可以在页面中多次编写<script> js代码... </script>
,浏览器按照顺序依次执行。
2. 编程工具
我使用的是webstorm,这款工具非常好用,但是是收费软件,可以使用它的开源license。
https://www.jetbrains.com/webstorm/
3. 语法
JavaScript的语法和Java语言类似,每个语句以;
结束,语句块用{...}
。但是,JavaScript并不强制要求在每个语句的结尾加;
,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;
。
注意:让JavaScript引擎自动加分号在某些情况下会改变程序的语义,导致运行结果与期望不一致。为了养成良好习惯,我们不要省略
;
,所有语句都添加;
。
if (2 > 1) {
x = 1;
y = 2;
z = 3;
}
注意花括号
{...}
内的语句具有缩进,通常是4个空格。缩进不是JavaScript语法要求必须的,但缩进有助于我们理解代码的层次,所以编写代码时要遵守缩进规则。很多文本编辑器具有“自动缩进”的功能,可以帮助整理代码。
4. 注释
以//
开头直到行末的字符被视为行注释,注释是给开发人员看到,JavaScript引擎会自动忽略:
// 这是一行注释
alert(‘hello‘); // 这也是注释
//另一种块注释是用/*...*/把多行字符包裹起来,把一大“块”视为一个注释:
/* 从这里开始是块注释
仍然是注释
仍然是注释
注释结束 */
5. 大小写
请注意,JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常。
学习参考教程:http://www.liaoxuefeng.com
本文出自 “ygqygq2” 博客,请务必保留此出处http://ygqygq2.blog.51cto.com/1009869/1917258
JavaScript学习记录day1