js 从零开始第4天

最新推荐文章于 2023-09-21 15:57:37 发布

summerDreams

最新推荐文章于 2023-09-21 15:57:37 发布

阅读量315

点赞数 1

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/shiyujie0822/article/details/53380702

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

前面我们讲了js的用法，函数，输出，今天我们讲一下他的一些基本语法当然之前也有涉猎，如果有细心地朋友应该可以发现。
javascript中声明一个变量是有一个关键词叫 var 当然声明不同的东西赋值是不一样的。

        var length = 16;                                  // Number 通过数字字面量赋值 
        var points = 5 * 10;                              // Number 通过表达式字面量赋值
        var lastName = "summer";                         // String 通过字符串字面量赋值
        var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
        var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

顺便讲解一下 // 两个斜杠是代表你后面写的都是注释，写代码要有良好的习惯写注释然后方便之后修改。
OK我们来贴一下我们今天的代码然后给大家讲解。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <span id="test">和夏天一起学JS 第4天</span>
        <span id="num"></span>
        <button type="button" onclick="test()">点我</button>

        <script type="text/javascript"> 
            var x=5;
            console.log(x);
            function test(){
                var a=5;
                var b=10;
                document.getElementById("test").innerHTML="summer!";
                document.getElementById("num").innerHTML=a;
                x=myFunction(a, b); 
                alert(x);
                var length = 16;                                  // Number 通过数字字面量赋值 
                var points = x * 10;                              // Number 通过表达式字面量赋值
                var lastName = "summer";                         // String 通过字符串字面量赋值
                var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
                var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值
                console.log(points);
                console.log(cars);
                console.log(person);
                console.log(person.firstName,person.lastName);
            }
            function myFunction(a, b) {
                    return a * b;                                // 返回 a 乘于 b 的结果
            }

        </script>
    </body>
</html>

点击运行，点击按钮。

OK东西比较我们一部分一部分讲，显示了一个弹出框我们去看我们的代码什么地方用到了 alert方法，

x=myFunction(a, b); 
alert(x);

这个x是一个变量，而且是一个全局变量，全局变量的意思是你在任何时候任何地方都能调用获取这个变量，说道全局变量就会扯到局部变量。全局变量是指在所有方法的在外面声明的变量 var x=5; 。
在test()函数里面声明的变量都是局部变量，一但你离开这个方法，test()函数里面的变量你就无法使用了， var a=5; var b=10; 这就是test()里面的变量，也叫局部变量。
我们继续讲代码 x=myFunction(a, b); 这句代码是将myFunction(a, b) 执行myFuction这个函数并将a的值和b的值带过去作为处理的数据，然后将返回的值放进x里面。
然后这个myFunction(a, b) 是一个函数，我们在下面找到他对应的函数。

function myFunction(a, b) {
            return a * b;                                // 返回 a 乘于 b 的结果
}

这个函数的意思是讲传过来的a的值与b的值相乘，然后return回去，return是js里面的关键字意思就是将函数的结果返回。所以我们在上面可以用x接收他返回的值。
这边讲了很多重点，大家最好多看几遍多试几次！！
我们继续往下面讲，点击确定。

document.getElementById("test").innerHTML="summer!";
document.getElementById("num").innerHTML=a;

这两行代码不需要讲了，前面几篇都有讲过。

主要是看下面Console 控制台的的内容。

var points = x * 10;

我们最上面声明了一个全局变量 var x=5; 但是我们中间执行了一次 x=myFunction(a, b); 然后里面的x值就改变了，所以是50*10=500。

var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
console.log(cars);

我们声明了一个数组cars 如果你们只想显示其中某一个可以用cars[0]这种方式，[]里面写对应下标，下标就是对应的位置从0开始，记住是从0开始，大家可以试一下。

console.log(cars[0]);

显示就是数组的第一个Saab了。

var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值
console.log(person);
console.log(person.firstName,person.lastName);

声明了一个person对象，里面放了连个属性。直接打印person，他是一个object，如果你需要里面某个属性你可以用对象名点出来，person.firstName。

OK今天就讲这么多大家好好消化一下！里面有很多重要的内容。如果有不懂的也可以加我的QQ大家一起探讨。
QQ：1872845111

summerDreams

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 从零开始第4天

前面我们讲了js的用法，函数，输出，今天我们讲一下他的一些基本语法当然之前也有涉猎，如果有细心地朋友应该可以发现。 javascript中声明一个变量是有一个关键词叫 var 当然声明不同的东西赋值是不一样的。 var length = 16; // Number 通过数字字面量赋值 var po
复制链接

扫一扫