首页 > 编程语言 > 详细

Web全栈工程师之路(三)——JavaScript篇(十五)——函数(三)

时间:2020-06-03 16:55:06      阅读:34      评论:0      收藏:0      [点我收藏+]

以下是html代码,个人建议放在IDE里运行,边看效果,边学习~

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS初步(十五)——函数(三)</title>
    <script>
        /*  
            立即执行函数(自调用函数/自执行函数)
                - 函数定义完,立即被调用
                - 立即执行函数往往只会执行一饮,一般都是用完就扔
        */

        //匿名函数的一种执行方式
        (function(a,b){ //用括号来表示一个函数整体
            console.log("a加b的和是"+(a+b));
        })(1,3); //尾部再加一个()表示调用匿名函数,还可以传参

        /*  
            放在对象里的函数可以称为对象的属性,如果一个函数作为一个对象的属性保存,那么我们称这个函数是这个对象的方法
            调用函数就称之为调用对象的方法,这只是名称上的区别,本质上还是一样的
        */

        var obj = new Object();

        obj.name = "李耳";
        obj.gender = "";

        //对象的属性值可以是任何的数据类型,也可以是个函数
        obj.sayName = function(){
            console.log(obj.name);
        };

        function fun(){
            console.log(obj.name);
        }

        obj.sayName(); //调用obj对象的sayName方法

        fun(); //调用fun函数

        //当然也可以用这种写法
        var obj2 = {
            name:"李耳",
            sayName:function () {
                console.log(obj2.name);
            },
            gender:""
        }
        console.log(obj2); //输出看看

        //枚举对象中的属性,枚举就是一个一个列举出来的意思  
        //使用for ... in 语句
        /*  
            语法:
                for(var 变量 in 对象){

                }
            
            for ... in 语句对象中有几个属性,循环体就会执行几次
            每次执行时,会将对象中的一个属性的名字赋值给变量

        */
        for(var n in obj2){ //每次循环,属性名都会按照顺序赋值给n,一次赋值一个属性名
            console.log("属性名:"+n); //输出obj2里属性的属性名
            //console.log(obj2.n); //输出obj2里属性的属性值,但是obj2里没有n这个属性值,写法错误
            console.log("属性值:"+obj2[n]); //正确的写法
        }
    </script>
</head>
<body>
    
</body> 
</html>

 

Web全栈工程师之路(三)——JavaScript篇(十五)——函数(三)

原文:https://www.cnblogs.com/lyrebirth-world/p/13038025.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!