变量是什么,有什么用?

  1. 变量是什么：
  2. JavaScript的变量相当于语言中一个定义符，存储或参与计算。
  5. 有什么用：
  6. 临时存储数据的。。数据类型可以包含任何类型。。。加快程序运行，DOM的各种操作都费时间，包括查找，所以把dom元素的引用存到变量里面，可以节省查找时间，也可以少写一些语句.

变量有哪几种数据类型,其中简单(基本)数据类型有哪些,复杂(引用)数据类型又有哪些?

  1. 简单数据类型：number  boolean  string  undifiend  null
  2. 复杂引用数据类型：对象（object） array数组

undefined 和 null 有什么区别?

  1. Number转换的值不同，Number(null)输出为0, Number(undefined)输出为NaN
  2. null表示一个值被定义了，但是这个值是空值
  3. 作为函数的参数，表示函数的参数不是对象
  5. undefined表示缺少值，即此处应该有值，但是还没有定义（声明了 没有赋值）
  6. 变量被声明了还没有赋值，就为undefined
  8. 注意：
  9. 变量声明不开辟内存，只是告诉编译器，要声明的部分存在，要预留部分的空间。
  10. 变量定义开辟内存。    
  12. null声明一个对象的  后面可以用的：

根据链接里迪丽热巴的个人信息, 使用一个对象来存放她的个人信息, 迪丽热巴个人介绍

  1.     <script>
  2.          //srtring 字符串的三种写法  单引号   双引号   反引号   大多推荐单引号
  3.          //如果字符串里面也要用引号的情况下  就是套一个双引号
  4.          //字符串的拼接通常用加号
  7.         // 布尔类型
  8.         // Boolean   只有两个值   true（真）  false（假）  
  10.         //undefined
  11.         //声明没有赋值就会显示undefined
  13.         //null  控制  typeof （null）就会显示他的类型就是object类型：但确实不是。
  15.         //object（类型）  1：普通对象  （无序集合）  2：数组 （特殊对象  有序数组） 
  16.         //读取数据   conlose.log(.点出啦)   第二种就是加一个中括号['']这种方式就OK了 
  18.         // 数组可以放任意类型的变量：里面的东西称为数组的厂源    
  19.         // 一般情况下数组成员都是同一种类型
  20.         // 数组成员的读取  
  23.         var Delireba = {
  24.             ChineseName:'迪丽热巴·迪力木拉提',
  25.             ForeignName:'Dilraba Dilmurat',
  26.             alias:['迪丽热巴','小迪','热巴','胖迪'],
  27.             ationality:'中国',
  28.             nation:'维吾尔族',
  29.             birthplace:'新疆维吾尔自治区乌鲁木齐市',
  30.             birthDay:'1992年6月3日',
  31.             Constellation:'双子座',
  32.             bloodType:'AB型 [170]',
  33.             height:'168cm',
  34.             Weight:'47kg',
  35.             University:'上海戏剧学院',
  36.             worlk:['演员','歌手'],
  37.             company:'嘉行天下工作室',
  38.             RepresentativeWorks:[
  39.                 '阿娜尔罕','克拉恋人',
  40.                 '三生三世十里桃花',
  41.                 '烈火如歌',
  42.                 '一千零一夜'
  43.             ],
  44.             MainAchievements:[
  45.                 '2016年中英电影节最佳新人奖',
  46.                 '2016年中国泛娱乐指数盛典新势力女艺人奖',
  47.                 '2016年爱奇艺尖叫之夜新生代最具实力演员',
  48.                 '2015年国剧盛典年度最受欢迎新人女演员',
  49.                 '2014年中国时尚权力榜年度演艺圈新锐势力奖'
  50.             ]
  51.         }
  52.         var Db = Delireba,
  53.             achievement = Db.MainAchievements,
  54.             works =  Db.RepresentativeWorks;
  55.         console.log(achievement[2]);
  56.     </script>

定义一个对象存放电影详情页面的数据

  1.     <script>
  2.         var details = {
  3.             url:'',
  4.             name:'流浪地球',
  5.             score:8.00+'分',
  6.             ShowTime:2019+'-'+06+'-'+05,
  7.             lonth:100+'分终',
  8.             place:'中国大陆',
  9.             plot:'太阳即将毁灭，人类在地球表面建造出巨大的推进器，寻找新家园。然而宇宙之路危机                   四伏，为了拯救地球，为了人类能在漫长的2500年后抵达新的家园，流浪地球时代的年                   轻人挺身而出，展开争分夺秒的生死之战。',
  10.             PartTimeActor:[
  11.                 {
  12.                     name:'郭凡',
  13.                     Actors:'导演'
  14.                 },
  15.                 {
  16.                     name:'屈楚萧',
  17.                     Actors:'刘琪'
  18.                 },
  19.                 {
  20.                     name:'李光洁',
  21.                     Actors:'吴孟达'
  22.                 }
  23.             ],
  24.         }
  25.     </script>

定义个数组存放电影列表数据信息(至少 5 条信息)

  1.     <script>
  2.         var movelist = [
  3.             {
  4.                 name:'流浪地球',
  5.                 vision:'2D',
  6.                 url:'',
  7.                 score:'7',
  8.                 toStar:'布莱恩·辛格 拉米·马雷克 本·哈迪 约瑟夫·梅泽罗',
  9.                 ShowLocation:'美国 英国',
  10.                 duration:'135分钟'
  11.             },
  12.             {
  13.                 name:'飞驰人生',
  14.                 vision:'2D',
  15.                 url:'',
  16.                 score:'7',
  17.                 toStar:'布莱恩·辛格 拉米·马雷克 本·哈迪 约瑟夫·梅泽罗',
  18.                 ShowLocation:'美国 英国',
  19.                 duration:'135分钟'
  20.             },
  21.             {
  22.                 name:'阿里巴巴',
  23.                 vision:'2D',
  24.                 url:'',
  25.                 score:'7',
  26.                 toStar:'布莱恩·辛格 拉米·马雷克 本·哈迪 约瑟夫·梅泽罗',
  27.                 ShowLocation:'美国 英国',
  28.                 duration:'135分钟'
  29.             },
  30.             {
  31.                 name:'绿皮书',
  32.                 vision:'2D',
  33.                 url:'',
  34.                 score:'7',
  35.                 toStar:'布莱恩·辛格 拉米·马雷克 本·哈迪 约瑟夫·梅泽罗',
  36.                 ShowLocation:'美国 英国',
  37.                 duration:'135分钟'
  38.             },
  39.             {
  40.                 name:'夏目友人帐',
  41.                 vision:'2D',
  42.                 url:'',
  43.                 score:'7',
  44.                 toStar:'布莱恩·辛格 拉米·马雷克 本·哈迪 约瑟夫·梅泽罗',
  45.                 ShowLocation:'美国 英国',
  46.                 duration:'135分钟'
  47.             }
  48.         ]
  49.     </script>

定义一个对象, 存放特惠页面信息

  1.     <script>
  2.         var preferential = [
  3.             {
  4.                 URL:'',
  5.                 name:'柳州鲜香螺蛳粉',
  6.                 weight:'300g*1',
  7.                 briefIntroduction:'传统制粉手艺 甄选多重原料 地道广西风味',
  8.                 price:'￥13',
  9.                 priced:'￥15.9',
  10.                 AcquisitionMethod:'去拼单'
  11.             },
  12.             {
  13.                 URL:'',
  14.                 name:'雅诗兰黛 净颜透澈卸妆乳',
  15.                 weight:'30*30ml',
  16.                 PlaceOfOrigin:'香港直邮',
  17.                 briefIntroduction:'传统制粉手艺 甄选多重原料 地道广西风味',
  18.                 price:'￥64',
  19.                 priced:'￥82',
  20.                 AcquisitionMethod:'去拼单'
  21.             }
  22.         ]
  23.     </script>

附加题: 有一个数组, var starList = [‘赵丽颖’, ‘迪丽热巴’, ‘佟丽娅’, ‘王丽坤’, ‘李丽珍’, ‘邓丽君’];;把数组成员输出到页面上.

  1.     第一种：
  2.     <div></div>
  3.     <script>
  4.         var starList = ['赵丽颖', '迪丽热巴', '佟丽娅', '王丽坤', '李丽珍', '邓丽君'];
  5.         var len = starList.length;
  6.         for(var i = 0;i<=len-1;i++){
  7.             document.getElementsByTagName('div')[0].innerHTML += starList[i]+'<br>';
  8.         }
  9.     </script>
  11.     第二种：
  12.     <div></div>
  13.     <script>
  14.         var starList = ['赵丽颖', '迪丽热巴', '佟丽娅', '王丽坤', '李丽珍', '邓丽君'];
  15.         starList.forEach((v,i) => {
  16.             document.getElementsByTagName('div')[0].innerHTML += starList[i]+'<br>';
  17.         }); 
  18.     </script>