命令式(指令)编程之 "JavaScript"
1. JavaScript?
- JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
2. JavaScript特点?
- 脚本语言
JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
- 基于对象
JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
- 简单
其简单性主要体现在:首先,JavaScript是一种基于Java基本语句和控制流之上的简单而紧凑的设计,从而对于使用者学习Java或其他C语系的编程语言是一种非常好的过渡,而对于具有C语系编程功底的程序员来说,JavaScript上手也非常容易;其次,其变量类型是采用弱类型,并未使用严格的数据类型。
- 相对安全
JavaScript作为一种安全性语言,不被允许访问本地的硬盘,且不能将数据存入服务器,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失或对系统的非法访问。
- 动态性
JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
- 跨平台性
JavaScript依赖于浏览器本身,与操作环境无关,只要计算机能运行浏览器,并支持JavaScript的浏览器,就可正确执行,从而实现了“编写一次,走遍天下”的梦想。
3. 注意事项
- 计算机程序指令
不等于
CPU指令 - CPU制定 -> 定长指令
- 在cmd输入:
node -v ===>查看版本 node ===>交互模式
4. 分支语句?
if else
-
结构:
if(true){ }else{ }
if else嵌套
-
结构:
if(true){ }else if(true){ }else{ }
Switch语句
-
结构:
switch(表达式){ case 取值1: 语句块1; break; case 取值2: 语句块2; break; case 取值n: 语句块n; break; defaule: 语句块n+1; break; }
break 表示跳出switch循环
default 关键词来规定匹配不存在时做的事情
5. 循环?
for循环
-
语法
for (语句 1; 语句 2; 语句 3){ 被执行的代码块 }
注意:
语句 1 在循环(代码块)开始前执行 语句 2 定义运行循环(代码块)的条件 语句 3 在循环(代码块)已被执行之后执行
实例:
for (var i=0; i<5; i++){ x=x + "The number is " + i + "<br>"; }
while循环
-
语法
while (条件){ 需要执行的代码 }
实例:
while (i<5){ x=x + "The number is " + i + "<br>"; i++; }
6. function 函数?
-
语法
function functionname(){ 这里是要执行的代码 }
注意:
当调用该函数时,会执行函数内的代码。
可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。
提示:JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。
7. 设计思想(重点)?
- 输入一个
*
? - 案例:
console.log('*');
或者
```
var printStr = "";
printStr += "*";
console.log(printStr);
```
- 输出十个
*
? - 案例:
var printStr = "";
for (var i = 0; i < 10; i++) {
printStr += "*";
}
console.log(printStr);
输出一个矩形的
*
?-
案例:
var printStr = ''; for(var i=0;i<10;i++){ for(var j=0;j<10;j++){ printStr += "*"; } printStr += "\n"; } console.log(printStr);
或者在灵活一点
```
var printStr = '';
function fn(a,b){
for(var i=0;i<a;i++){
for(var j=0;j<b;j++){
printStr += "*";
}
printStr += "\n";
}
}
fn(5,3);
console.log(printStr);
```
或者在灵活一点(打印任意字符)封装成函数
- 打印矩形
var printStr = ''; function printChar(c,n){ for(var j=0;j<n;j++){ printStr += c; } } function n(){ printStr += "\n"; } function fn(c,k){ for(var i=0;i<c;i++){ printChar("#",k); n(); } } fn(10,7); console.log(printStr);
- 打印正方形
var printStr = ''; function printChar(c,n){ for(var j=0;j<n;j++){ printStr += c; } } function n(){ printStr += "\n"; } function fn(c,k){ for(var i=0;i<c;i++){ printChar("#",k); n(); } } function zfx(x){ fn(x,x); } zfx(5); console.log(printStr);