【学习笔记】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
{}

3.4switch-case多路分支
每一个case要有break,否则不会跳出switch,
继续往下面的case执行
实践例子,百分制分数转换为A-F的等级

3.5逻辑运算(true和false之间的运算)
运算符 && || !
真值表

3.6优先级
-所有的逻辑运算符的优先级都低于关系运算符
-!> && >||

3.7条件运算符(三元运算)
?:
<exp>?<v1>:<v2>
等价于
if(exp)
{ v1 }
else
{ v2 }

 

4循环
4.1while语句
让同一段代码可以重复执行很多次,这种程序结构
while(exp)
{
重复执行的代码
}

在分析别人程序的时候,可以把值设小减少循环次数。
来理解程序的用意。

4.2循环的例子
例子:求最大公约数
描述算法:前置条件-一步步的步骤-终止条件

4.3无限循环
循环的条件永远满足,结果陷入在这个循环里面

4.4循环嵌套
外面的循环的每一步,里面的循环需要不满足条件跳出,否则执行里面的循环。

4.5do-while循环
do{
}while(condition)

与while循环的区别:
首先进入循环体执行一次,而不先判断条件。

例子:reverse number

 

4.6for循环
for(init;condition;step){
}
应用:计数循环
当循环的次数预先知道,或者需要有递进的动作时,

往往选择for循环。

for循环嵌套例子

4.7无限循环的写法
while(true){}
do{}while(true)
for(;;){}

4.8不同循环的比较
-三种循环(while、do和for)的功能是等价的
-如果需要循环至少执行一次,do通常是更好的选择
-当循环的次数是固定的,或者很容易计算得到的时候,选择for循环

4.9如何选择循环
-如果有固定次数,用for
-如果必须执行一次,用do-while
-其他情况用while

4.10break与continue
break:跳出循环
continue:跳过当前循环步,进入循环的下一轮
从流程图可以清晰地看出区别来。

 

转载于:https://www.cnblogs.com/iccy/p/6822724.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
完整版:https://download.csdn.net/download/qq_27595745/89522468 【课程大纲】 1-1 什么是java 1-2 认识java语言 1-3 java平台的体系结构 1-4 java SE环境安装和配置 2-1 java程序简介 2-2 计算机中的程序 2-3 java程序 2-4 java类库组织结构和文档 2-5 java虚拟机简介 2-6 java的垃圾回收器 2-7 java上机练习 3-1 java语言基础入门 3-2 数据的分类 3-3 标识符、关键字和常量 3-4 运算符 3-5 表达式 3-6 顺序结构和选择结构 3-7 循环语句 3-8 跳转语句 3-9 MyEclipse工具介绍 3-10 java基础知识章节练习 4-1 一维数组 4-2 数组应用 4-3 多维数组 4-4 排序算法 4-5 增强for循环 4-6 数组和排序算法章节练习 5-0 抽象和封装 5-1 面向过程的设计思想 5-2 面向对象的设计思想 5-3 抽象 5-4 封装 5-5 属性 5-6 方法的定义 5-7 this关键字 5-8 javaBean 5-9 包 package 5-10 抽象和封装章节练习 6-0 继承和多态 6-1 继承 6-2 object类 6-3 多态 6-4 访问修饰符 6-5 static修饰符 6-6 final修饰符 6-7 abstract修饰符 6-8 接口 6-9 继承和多态 章节练习 7-1 面向对象的分析与设计简介 7-2 对象模型建立 7-3 类之间的关系 7-4 软件的可维护与复用设计原则 7-5 面向对象的设计与分析 章节练习 8-1 内部类与包装器 8-2 对象包装器 8-3 装箱和拆箱 8-4 练习题 9-1 常用类介绍 9-2 StringBuffer和String Builder类 9-3 Rintime类的使用 9-4 日期类简介 9-5 java程序国际化的实现 9-6 Random类和Math类 9-7 枚举 9-8 练习题 10-1 java异常处理 10-2 认识异常 10-3 使用try和catch捕获异常 10-4 使用throw和throws引发异常 10-5 finally关键字 10-6 getMessage和printStackTrace方法 10-7 异常分类 10-8 自定义异常类 10-9 练习题 11-1 Java集合框架和泛型机制 11-2 Collection接口 11-3 Set接口实现类 11-4 List接口实现类 11-5 Map接口 11-6 Collections类 11-7 泛型概述 11-8 练习题 12-1 多线程 12-2 线程的生命周期 12-3 线程的调度和优先级 12-4 线程的同步 12-5 集合类的同步问题 12-6 用Timer类调度任务 12-7 练习题 13-1 Java IO 13-2 Java IO原理 13-3 流类的结构 13-4 文件流 13-5 缓冲流 13-6 转换流 13-7 数据流 13-8 打印流 13-9 对象流 13-10 随机存取文件流 13-11 zip文件流 13-12 练习题 14-1 图形用户界面设计 14-2 事件处理机制 14-3 AWT常用组件 14-4 swing简介 14-5 可视化开发swing组件 14-6 声音的播放和处理 14-7 2D图形的绘制 14-8 练习题 15-1 反射 15-2 使用Java反射机制 15-3 反射与动态代理 15-4 练习题 16-1 Java标注 16-2 JDK内置的基本标注类型 16-3 自定义标注类型 16-4 对标注进行标注 16-5 利用反射获取标注信息 16-6 练习题 17-1 顶目实战1-单机版五子棋游戏 17-2 总体设计 17-3 代码实现 17-4 程序的运行与发布 17-5 手动生成可执行JAR文件 17-6 练习题 18-1 Java数据库编程 18-2 JDBC类和接口 18-3 JDBC操作SQL 18-4 JDBC基本示例 18-5 JDBC应用示例 18-6 练习题 19-1 。。。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值