js学习笔记1
var 是js用来申明变量的关键字
申请变量age，并且给 age 赋值为 23
var age = 23
修改 age 的值为 24
age = 24
复制代码- 画一个正方形
var width = 30
var angle = 90
forward(width)
right(angle)
forward(width)
right(angle)
forward(width)
right(angle)
forward(width)
right(angle)
复制代码循环操作
- while 是申明一个循环， 循环可以用来消除重复的代码，如下消除了重复的 forward(width) 和 right(angle) :
//以下循环操作，画出一个正方形
var width = 30
var angle = 90
var i = 0
//i < 4 这个条件达成就执行
while (i < 4) {
forward(width)
right(angle)
i = i + 1
}
复制代码函数
- 函数的定义
var f = function() {
//花括号内部执行的是代码
}
复制代码- 定义一个画正方形的函数
var square = function() {
var width = 30
var angle = 90
var i = 0
i < 4 这个条件达成就执行
while (i < 4) {
forward(width)
right(angle)
i = i + 1
}
}
复制代码- 调用该函数，画出正方形
square()
复制代码- 画两个正方形
square()
square()
复制代码-
由上可见，函数也是用来消除重复的代码
-
例题：结合函数，循环画一个矩形再在里面画一个小正方形,画三个长为60，宽为50，正方形边长为30，需可以改变矩形的长宽及正方形的边长。
var rect = function(length, width, border){
var i = 0
while(i < 2){
forward(length)
right(90)
forward(width)
right(90)
i = i + 1
}
square(border)
}
var square = function(border){
var i = 0
while(i < 4){
forward(border)
right(90)
i = i + 1
}
}
var rect3 = function(length, width, border){
var i = 0
while(i < 3){
rect(length, width, border)
forward(length)
i = i + 1
}
}
rect3(60, 50, 30)
复制代码
