当前位置 博文首页 > 文章内容
最大化 缩小

    JavaScript基础语法之数据结构（声明：大部分来自菜鸟教程）

    作者： 栏目：未分类 时间：2020-07-10 14:03:36

    本站于2023年9月4日。收到“大连君*****咨询有限公司”通知
    说我们IIS7站长博客，有一篇博文用了他们的图片。
    要求我们给他们一张图片6000元。要不然法院告我们

    为避免不必要的麻烦，IIS7站长博客，全站内容图片下架、并积极应诉
    博文内容全部不再显示，请需要相关资讯的站长朋友到必应搜索。谢谢！

    另祝：版权碰瓷诈骗团伙，早日弃暗投明。

    相关新闻：借版权之名、行诈骗之实，周某因犯诈骗罪被判处有期徒刑十一年六个月

    叹！百花齐放的时代,渐行渐远!


    JavaScript基础语法之数据结构（声明：大部分来自菜鸟教程）

    var 这是 js 中的 用于存储信息的"容器"。 ES 6 有了局部表示let

    //拥有动态类型 一种数字类型 
    var x1=34.00;  
    //字符串类型
    var carname="Volvo XC60"; 
    //布尔类型
    var x=true;
    var y=false;
    //数组 有三种写法
    NO1.var cars=new Array();
        cars[0]="Saab";
        cars[1]="Volvo";
        cars[2]="BMW";
    NO2.var cars=new Array("Saab","Volvo","BMW"); 
     
    NO3.var cars=["Saab","Volvo","BMW"];(上面的简写)
    ​
    // 对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
    var person={
    firstname : "John",
    lastname  : "Doe",
    id        :  5566
    };

    JavaScript 对象

    var person = {
        firstName:"John",
        lastName:"Doe",
        age:50,
        eyeColor:"blue"
    };
    //访问对象属性 有两种方法
    person.lastName;
    person["lastName"];
    //练习
    person={    1:1,    "张三":23,    23:"张三",    "李四":car=["cars",'color','red'],    "王五":new Array("张三","历史"),    "赵六":{"2":21,"柴油机":"马超"}}alert(person.赵六.柴油机) alert(person["赵六"["柴油机"]])//错误写法
    alert(person.赵六.柴油机)
    //你可以使用以下语法创建对象方法：
    methodName : function() { code lines } 
    //菜鸟教程代码
    <script>
    var person = {
        firstName: "John",
        lastName : "Doe",
        id : 5566,
        fullName : function() 
        {
           return this.firstName + " " + this.lastName;
        }
    };
    //取值
    document.getElementById("demo").innerHTML = person.fullName();
    //
    </script>
    <script>
    var person = {
        firstName: "John",
        lastName : "Doe",
        id : 5566,
        fullName : function() 
        {
           return this.firstName + " " + this.lastName;
        }
    };
    document.getElementById("demo1").innerHTML = "不加括号输出函数表达式："  + person.fullName;
    document.getElementById("demo2").innerHTML = "加括号输出函数执行结果："  +  person.fullName();
    </script>
    </body>
    </html>
    ​

    练习 注意两点 person.fullName和person.fullName()区别