js学习笔记一(var,while,function)

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)