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

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()区别