麒麟子Javascript游戏编程零基础教程五：Javascript中的变量

不知道为什么，今年的五一过得特别快。我还专门把公司假期调整到六天，依然觉得过得很快。当然麒麟子是没有出门的，看到朋友圈那种堵成狗的照片，感觉有点傻。哈哈哈。

不知道大家还记不记得上一节课的作业，输出车子，房子，老婆，当然你也可以输出孩子

console.log('车子');

console.log('房子');

console.log('老婆');

console.log('孩子');

看到没，就这样疯狂输出，你就什么都有了。哈哈俣。

想必，通过这个练习，大家也都掌握了console.log的基本用法。它就是你拿来 “输出”的工具。

一、为什么叫它变量

回到今天的主题，我们学习Javascript最基础的东西，变量。

大家不用去理解为什么这东西叫变量。你可以问问你自己，为什么你叫赵某天，钱某山，孙某人。。。就是一个名字而已。发明Javascript的人给了他这个名字。

二、变量的表达方式

var money = 99.5;

var t = 2;

var myName = '麒麟子';

总结：变量的表现形式为 var 变量名 = 值

举例说明：var myName = '麒麟子';

var 用来说明，我们要声明一个变量

myName 是一个变量的名称

'麒麟子' 是这个变量的值

整句话可以理解为声明一个叫 myName 的变量，然后把 '麒麟子'存到他里面

三、变量拿来干什么

var myName = '麒麟子';

console.log(myName);

输出结果：麒麟子

可能有小伙子就有意见了：麒麟子，你不按套路出牌啊，这种情况不是一般都会让人先猜一下么，或者卖个冠子，让大家自己去试。然而，麒麟子就是一个不按套路出牌的人，我觉得这么简单的东西，大家不用试了。

如果不看我的解释，也能明白的话，我觉得小伙子你算天赋异禀啦。变量就好比一个盘子，可以朝它里面装东西。装的这个东西，可以传递给其它需要它的地方。

上面的例子中，我们把 '麒麟子'这个东西装到 myName中，然后调用了console.log(myName)进行输出，console.log会自动取出myName存入的值。进行输出。

四、变量的种类

1、实数(Number)

比如 0,1,33.5,27.4 就是实数。

2、字符串(String)

比如 '麒麟子好帅啊', '你妈妈喊你回家吃饭', '0.3' 就是字符串

注意： var a = 0.3; 和 var b = '0.3'; 是不一样的。用单引号或者双引号包住的，都算字符串。大家可以用 typeof 来自行尝试

var a = 0.3;

console.log(typeof(a));

var b = '0.3';

console.log(typeof(b));

3、对象(Object)

我们可以用花括号声明一个对象，对象里面可以放上变量。像这样

var obj = {};

obj.a = 0.3;

obj.b = '0.3';

console.log(obj.a);

console.log(obj.b);

这样我们就得到了一个对象。对象的作用，是方便我们把关联比较紧密的变量放到一起，便于管理。

比如，我们要记录你的个人信息。

var info = {};

info.name = '麒麟子';

info.age = 18;

info.gender = '大帅哥';

info.money = 0;

这个info我们就叫对象，而info.name 我们一般叫作对象属性，上面的info拥有name,age,gender,money这五个属性。

有了上面的基础入门后，想要了解Javascript更多的对象信息，麒麟子建议大家百度 Javascript对象，把能看懂的文章都看一遍。

4、null

null 是一个十分特别的东西，它表示这个对象没存放内容。

比如上面的info

var info = {};

//一顿*操作

info = null;

一但一个对象为null，那它的值就不能被访问了。 info.name 是要出事的，不信你们试试。（这个地方，建议真的试试）

5、undfined

undefined是一个特别奇葩的东西。它表示这个值没有被定义。有两种情况会发生

1、情况一：输出未定义的变量

console.log(info);

假如我们不进行 var info = ... 这样的操作，直接输出info，你会发现他的值是 undefined.

2、情况二：输出未定义的对象属性

var info = {};

console.log(info.name);

你会发现输出的也是undefined.

五、总结

变量是你写代码的开始，也是最核心最基础的内容，如果无法理解变量，那你的编程人生就只能停止不前了。建议大家除了本文以外，多百度搜索相关文章，多做练习。

今天的练习题特别简单。大家弄明白下面的代码是什么意思

var a = 1;

var b = 2;

var c = a + b;

console.log(c);

麒麟子Javascript游戏编程零基础教程五：Javascript中的变量相关推荐

麒麟子Javascript游戏编程零基础教程大纲
大家好,我是麒麟子, 开源项目<幼麟棋牌-四川麻将>(泄漏版叫 <达达麻将>)作者,成都幼麟科技创始人. 开源项目地址(Github与Gitee同步更新): Github ht ...
麒麟子Javascript游戏编程零基础教程三：无处不在的Javascript
如果你是从大纲那一篇开始看过来的,你在点开这个文章的连接之前,肯定期望说,麒麟子又会在讲正式内容之前BB点什么,这样的话,看起教程来轻松不累还实惠.没错,你猜对了,这就是我的风格. 为什么会把编程教学 ...
麒麟子Javascript游戏编程零基础教程四：你的第一个Javascript程序
希望你不再怀念你飘逸的秀发,希望你不再习惯早睡早起的安稳. 因为当你敲下第一行代码,你就成为了程序员. 虽然麒麟子秀发依旧,但我不能保证,你的秀发,不会在10年之后,弃你而去. 麒麟子有必要提前科普一 ...
麒麟子Javascript游戏编程零基础教程二：游戏程序员分工
小伙子,能够走到这里,你已经不错了. 什么?你是妹子? 放心吧,入了这行,妹子也会被"汉化"的. 游戏程序员分工,以及对应的技能需求. 一.按大类划分 1.客户端程序员负责处理客 ...
麒麟子Javascript游戏编程零基础教程一：序言
恭喜你,没有被课程大纲吓到,读到这一页的时候,表示你已经下定决心要开始学习了. 然而这一页你依然看不到什么实际的内容.因为这一页我们主要是聊聊人生,谈谈感情. 每一个游戏从业者,心中都有一个自己想做的 ...
微信小游戏开发零基础教程（一）-CocosCreator
微信小游戏零基础教程(一)-CocosCreator 最终效果预览准备工作创建工程测试第一个场景最终效果预览本教程最后制作的游戏效果: 准备工作下载微信开发者工具最新版->下载地 ...
计算机游戏制作零基础教程,一个人、零基础，一天内学会独立开发出电脑和手机游戏？视频教学...
原标题:一个人.零基础,一天内学会独立开发出电脑和手机游戏?视频教学现在喜欢玩游戏的人很多,喜欢自己看动画的人也很多. 很多人在玩游戏或者看动画的时候,总会冒出一些非常有想法的点子,比如想自己做一个 ...
第1讲：树莓派及配件购买指南【子豪兄的零基础树莓派教程】
最全面.最省钱的树莓派主板及零配件购买指南,帮助新手用最少的钱实现全部功能并快速上手. 本文配套B站视频:子豪兄的树莓派零基础教程作者:张子豪(同济大学在读研究生) 文字版.源代码.更新.勘误,请看 ...
第1讲：树莓派购买指南【子豪兄的零基础树莓派教程】
最全面.最省钱的树莓派主板及零配件购买指南,帮助新手用最少的钱实现全部功能并快速上手. 本文配套B站视频:子豪兄的树莓派零基础教程作者:张子豪(同济大学在读研究生) 文字版.源代码.更新.勘误,请看 ...

麒麟子Javascript游戏编程零基础教程五：Javascript中的变量

麒麟子Javascript游戏编程零基础教程五：Javascript中的变量相关推荐

最新文章

热门文章