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

·  阅读 92

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)
复制代码
分类:
前端
标签: