【学习笔记】JavaScript基础(一)

【学习过程遇到疑问和延伸阅读】

1.document.write()的深入理解
write()方法可向文档写入HTML表达式或JavaScript代码。
可使用document.write()向输出流写文本或者HTML

延伸阅读《js中document.write的那点事》
http://www.cnblogs.com/dh616854836/articles/2140349.html

2.编程语言与脚本语言的区别

概念的相对性：标记语言vs编程语言；编译型语言vs解释型语言(脚本语言)
而JavaScript是编程语言，是解释型语言(脚本语言)。

延伸阅读《编程语言，标记语言，脚本语言分别有哪些？区别是什么？》
http://www.cnblogs.com/lsgsanxiao/p/5126170.html

3.Sublime text配置JS运行环境，工具Tools->build- new build system
可以进行构建功能的配置，配置后就可以不离开编辑器直接编译当前正在编写的代码，
并把打印输出到输出面板。
配置了Node（Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境）后，
就可以用ctrl+B 运行JS文件了。

4.编译型语言的程序源文件运行“四部曲”。
每个程序提交到计算机运行，都包含着如下所谓的“四步曲”：
(1)编辑(把程序代码输入，交给计算机)或编写源代码。
(2)编译(成目标程序文件.obj)。编译就是把高级语言变成计算机可以识别的2进制语言，
计算机只认识1和0，编译程序把人们熟悉的语言换成2进制的。
编译程序把一个源程序翻译成目标程序的工作过程分为五个阶段：词法分析；语法分析；语义检查和中间代码生成；代码优化；目标代码生成。
主要是进行词法分析和语法分析，又称为源程序分析，分析过程中发现有语法错误，给出提示信息。
(3)链接(成可执行程序文件.exe)。
链接是将编译产生的.obj文件和系统库连接装配成一个可以执行的程序。
由于在实际操作中可以直接点击Build从源程序产生可执行程序，可能有人就会置疑：
为何要将源程序翻译成可执行文件的过程分为编译和链接两个独立的步骤，不是多此一举吗？
之所以这样做，主要是因为：在一个较大的复杂项目中，有很多人共同完成一个项目(每个人可能承担其中一部分模块)，
其中有的模块可能是用汇编语言写的，有的模块可能是用VC写的，有的模块可能是用VB写的，
有的模块可能是购买(不是源程序模块而是目标代码)或已有的标准库模块，
因此，各类源程序都需要先各自编译成目标程序文件(2进行机器指令代码)，再通过链接程序将这些目标程序文件连接装配成可执行文件。
(4)运行(可执行程序文件)。
上述四个步骤中，其中第一步的编辑工作是最繁杂而又必须细致地由人工在计算机上来完成，
其余几个步骤则相对简单，基本上由计算机来自动完成。

5.程序流程图
是程序分析中最基本，最重要的分析技术。最基本的工具。
通过结构清晰，逻辑性强的流程图，能更好地理解程序执行的顺序。程序流程图是人们对解决问题的方法、思路或算法的一种描述。

延伸阅读《编程基本功训练：流程图画法及练习》
http://blog.csdn.net/sxhelijian/article/details/8222858

【新概念，重要概念】
编译，编程语言，解释型语言

【实操知识点脉络】

1.什么是JavaScript
1.1JavaScript是什么
html内容，css样式，JavaScript动作
程序可以计算，可以接受用户交互，做数据处理，
可以被浏览器执行

Java与JavaScript的区别
Java需要编译，JavaScript是解释型语言

JavaScript源代码放在HTML里头，
让浏览器运行

1.2页面中JavaScript代码
如何在页面加入？
<script></script>
可以放在head（函数的定义，变量的定义）或者body（做实际的动作）里

JavaScript一条语句后必须以分号结尾
<script>document.write("Hello World!");</script>-document做write动作
document是对象（浏览器的页面）
点.是运算符号
对象.动作（表示点左边的对象做点右边的动作）

需要write动作的参数，
参数是一句话，程序语言是用字符串，用双引号引起来。

1.3桌面上的JavaScript
远超过浏览器本身，除了可以在浏览器运行外，也可以在桌面端运行，
需要其他软件的帮助。

Node.js下载
启动Node，运行js示例文件的代码，保存为server.js，文件里面的代码，可以建立了Web服务器。
server.js所在的目录的HTML文件，就可以通过浏览器访问（js文件中的本机地址和端口号）

Sublime text中关于JavaScript的工具，
比如Syntax的高亮.

在下载安装Node.js后，还不能在Sublime text中直接运行JavaScript，需要配置js的运行环境
需要去tools，build system，new system，
然后在文件中，输入这么一段文字，在windows下
{
"cmd": ["node", "$file"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"selector": "source.javascript"
}
然后保存，名字为node.sublime-build
最终会在tools-build system下会有个node。

现在回到server.js中，在Tools-build system下选择node之后，
按快捷键ctrl+B，编译运行，然后server就启动了
(在编译时出现了错误提示， [WinError 2] 系统找不到指定的文件。
最终找出原因是server.js的目录路径下，有个目录使用了中文命名，修改为英文后，编译成功)

1.4事件响应代码
另一种加入JS代码的方式，
利用HTML的标记的事件(动作)属性，
把JS代码作为属性值的方式。
如：body 的onLoad的载入事件属性。
<body οnlοad="alert('hello!')">

1.5变量variable
当需要保存数据的时候，可以使用变量。
var hello = "Hello"; //等号是赋值运算，给变量一个初值；
document.write(hello);
<script>document.write("<h1>Hello World!</h1>");</script>

变量命名的规则：
数字，字母，下划线_ 的组合，
数字不能作为第一个字符
不能使用JavaScript的关键字和保留字

变量是弱类型：变量无特定的类型，定义变量时只用var运算符。

可以将它初始化为任意值，也可以随时改变变量所存数据的类型。

2.计算
2.1赋值运算
变量本身可以没有类型
数值，字符串，布尔值
2.2字符串连接运算
2.3四则运算
%运算，取模，取除法结果里的余数，实际应用判断奇偶数
圆括号
在JavaScript中，不太区分整数和浮点数
2.4加1，减1运算（推荐单独使用）
result++;++result;

2.5比较
2.5.1数值比较
==
!=
<=
2.5.2字符串比较（跟字符在计算机里的排序有关）
==
>=
<=

3判断

3.1

if(关系运算)

{
满足条件的处理
}
浏览器先执行了js后，再解释HTML。
document.write是把字符串写到html

3.2else{}

3.3嵌套的if语句
多个else的情况下，else是与最近的if搭配起来

建议
-在if和else后面永远放一对{}
-哪怕后面只有一句语句
if()
{ }
else if()
{ }
else
{}