ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript基础语法之数据结构(声明:大部分来自菜鸟教程)

2020-07-10 14:07:04  阅读:327  来源: 互联网

标签:lastName firstName 菜鸟 JavaScript person cars var fullName 数据结构


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

标签:lastName,firstName,菜鸟,JavaScript,person,cars,var,fullName,数据结构
来源: https://www.cnblogs.com/illusory/p/13278842.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有