12月16日_JavaScript基础（变量和函数的定义、流程控制和循环以及数据类型转换） - 作业

首页 > 博客列表 > 12月16日_JavaScript基础（变量和函数的定义、流程控制和循环以及数据类型转换）

博主信息

博文 38

粉丝 1

访问量 36731

专题推荐

更多>

1. JavaScript 变量

变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不推荐）
变量名称对大小写敏感（y 和 Y 是不同的变量）
使用 var 关键词来声明变量： var num; var num = 1; var str = "hello";

    var str = 'hello javascript!';
    var x = 5;
    var y = x + 1;
    alert(str);  // 弹窗
    console.log(str);  // 控制台输出
    console.log(y);

2. 函数

JavaScript 使用关键字 function 定义函数。

函数可以通过声明定义，也可以是一个表达式。

function myFunction(){
     alert('我是一个函数');
 }
 myFunction();

function myFunction2(a,b) {
     console.log(a+b);
 }
 myFunction2(3,4);

 var m = function () {
     alert('我是匿名函数');
 }
 m();

3. 流程控制

    var score = 85;
    if (score >= 90){
        alert('优秀');
    }else if (score >= 70){
        alert('良好');
    }else if (score >= 60){
        alert('及格');
    }else {
        alert('不及格');
    }

    var score = 65;
    switch (true) {
        case score >= 90:
            console.log('优秀');
            break;
        case score >= 70:
            console.log('良好');
            break;
        case score >= 60:
            console.log('及格');
            break;
        default:
            console.log('不及格');
    }

    function fun(score) {
        if (score >= 90) {
            return alert('优秀');
        }
        if (score >= 70 && score < 90) {
            return alert('良好');
        }
        if (score >= 60 && score < 70) {
            return alert('及格');
        }
        return alert('不及格');
    }
    fun(98);

4. 循环

    for (var i=0;i<10;i++){
        console.log('i='+i);
    }

    var i = 10;
    while (i > 0) {
        i--;
        console.log('i=' + i);
    }

    var i = 10;
    do {
        i--;
        console.log('i的值为：' + i);
    } while (i > 0)

输出九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>九九乘法表</title>
</head>
<body>
<p id="demo"></p>
<script type="text/javascript">
    for (var i = 1; i <= 9; i++) {
        for (var j = 1; j <= i; j++) {
            document.getElementById("demo").innerHTML += j + ' * ' + i + ' = ' + i * j + ' ';
        }
        document.getElementById("demo").innerHTML += '<br>';
    }
</script>
</body>
</html>

5. 数据类型转换

parseInt() 函数

parseInt() 函数可解析一个字符串，并返回一个整数。
parseInt(string, radix)

string:必需。要被解析的字符串
radix:可选。表示要解析的数字的基数

isNaN() 函数

isNaN() 函数用于检查其参数是否是非数字值。
如果参数值为 NaN 或字符串、对象、undefined等非数字值则返回 true, 否则返回 false。
isNaN(value)
value：必需。要检测的值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>确认年龄</title>
</head>
<body>
<input type="text" id="age" value="" placeholder="请输入您的年龄">
<button onclick="is_sex()">提交</button>
<script type="text/javascript">
    function is_sex() {
        var age = document.getElementById('age').value;
        age = parseInt(age);  // 将字符串转为整数
        if (isNaN(age)) {  // 判断是否是非数字值
            return alert("非法输入!!!");
        }
        if (age <= 0 || age > 120) {
            return alert("请确认您的年龄!");
        }
        alert("您的年龄为：" + age);
    }
</script>
</body>
</html>

6. 总结

学会了JavaScript声明变量和函数、流程控制和循环以及parseInt() 和 isNaN() 函数的基本使用。

批改状态：未批改

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

PHP开发环境配置（phpStudy，phpStorm和Chrome插件的安装及设置）- ***九期线上班

2019-10-29 01:53:38